Почему график исчезает, когда я динамически добавляю ребра в vis-network. js? - PullRequest
Новая
       66

Почему график исчезает, когда я динамически добавляю ребра в vis-network. js?

0 голосов
/ 21 марта 2020

Странно, что я использую vis-network. js в моем проекте vue, и графика исчезает, когда я динамически добавляю края.

Но Dynami c обновляет и удаляет don ' т.

Затем я написал тестовую страницу, представленную vis-network. js из https://visjs.github.io/vis-network/standalone/umd/vis-network.min.js, а затем обнаружил, что это не проблема!

Так есть проблема с vis-сетью, скачанной с NPM?

Может кто-нибудь мне помочь?

Как я использую: 

npm install vis-network


import vis from 'vis-network/dist/vis-network'
Vue.prototype.$vis = vis;


var nodes = new this.$vis.DataSet([
  {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 = new this.$vis.DataSet([
  {from: 1, to: 3},
  {from: 1, to: 2},
  {from: 2, to: 4},
  {from: 2, to: 5},
  {from: 3, to: 3}
]);
var data = {
  nodes: nodes,
  edges: edges
};
var container = document.getElementById("id");
var options = {};

this.graph = new this.$vis.Network(container, data, options);
nodes.add([{id:8, label:"Node 8"}]);  // normal
edges.add([{from:1 ,to:5}]);  // Graphics disappear

1 Ответ

0 голосов
/ 27 марта 2020

Я провел весь день, стуча головой и об этой точной проблеме, но в конце концов я наткнулся на https://github.com/almende/vis/issues/2567

Эта проблема имеет очень подробное объяснение , но TL; DR: vis построен так, что он просто не работает, если вы поместите свою сеть в данные vue компонентов.

Он работает для помещения ребер и узлов DataSets в данные компонентов, тем не менее, сохраните ссылки на них и запустите сеть, не подключая ее к компоненту vue.

...