Need help creating a network graph using visjs in angularjs

I need help building this plunger , something similar to this vis example in angularjs.

I am using tag <vis-network data="data" options="options"></vis-network>

and below data and parameters

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%'
};

      

There is no error in the console, which I am missing. Please, help.

+3


source to share


1 answer


Your data is a simple object, but nodes

it edges

should be an objectVisDataSet

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
};

      



I have updated your plunker here .

+9


source







All Articles