需要帮助在 angularjs 中使用 visjs 创建网络图

我需要帮助制作这个笨蛋 http://plnkr.co/edit/0LQidVPnOSLhyydsoTwD?p=preview做类似的事情这个例子 http://visjs.org/examples/network/exampleApplications/nodeLegend.html在 AngularJS 中。

我在用<vis-network data="data" options="options"></vis-network>标签和下面的数据和选项

data

var nodes = [
  {id: 1, label: 'Node 1'},
  {id: 2, label: 'Node 2'},
  {id: 3, label: 'Node 3'},
  {id: 4, label: 'Node 4'},
  {id: 5, label: 'Node 5'}
];
var edges = [
  {from: 1, to: 3},
  {from: 1, to: 2},
  {from: 2, to: 4},
  {from: 2, to: 5}
];
$scope.data = VisDataSet({
  nodes: nodes,
  edges: edges
});

options

$scope.options = {
  autoResize: true,
  height: '100%',
  width: '100%'
};

没有控制台错误，我错过了什么。请帮忙。

但是，您的数据是普通对象nodes & edges应该是一个对象VisDataSet

var nodes = VisDataSet([
  {id: 1, label: 'Node 1'},
  {id: 2, label: 'Node 2'},
  {id: 3, label: 'Node 3'},
  {id: 4, label: 'Node 4'},
  {id: 5, label: 'Node 5'}
]);
var edges = VisDataSet([
  {from: 1, to: 3},
  {from: 1, to: 2},
  {from: 2, to: 4},
  {from: 2, to: 5}
]);
$scope.data = {
  nodes: nodes,
  edges: edges
};

我已经更新了你的笨蛋在这里 http://plnkr.co/edit/0LQidVPnOSLhyydsoTwD?p=preview.