D3.js 和 Knockout Force Diagram API 更新

Posted

技术标签:

【中文标题】D3.js 和 Knockout Force Diagram API 更新【英文标题】:D3.js and Knockout Force Diagram API Updates 【发布时间】:2014-07-14 17:54:15 【问题描述】:

我有一个 D3 力图 http://jsbin.com/dakuy/4/edit,它使用来自 Knockout 表单的 $.getJSON 从外部调用数据:

function searchModel()
    var self = this;
    self.searchCanlii = ko.observable(" ");


function SearchViewModel() 
    self.onSubmit = function()

但是,每次提交表单时,图表都会重复。可以在不重复提交的情况下更新图表吗?请注意,目前我使用搜索词“加拿大”进行测试,因为某些词会由于某些 canlii 输出而产生错误。

【问题讨论】:

【参考方案1】:

您可以在创建新的 SVG 之前删除旧的 SVG,使用:

d3.select("svg")
   .remove();

看到这个问题:How can I remove or replace SVG content?

【讨论】:

以上是关于D3.js 和 Knockout Force Diagram API 更新的主要内容,如果未能解决你的问题,请参考以下文章

D3.js中Force-Directed Graph详解

Vue.js 和 D3.js - 力模拟

如何在 d3.js 中同时自动移动节点和链接

D3.js 网络图使用力导向布局和矩形节点

D3.js中的弹簧力强制定向布局?

解决小图中简单的 D3.js 交叉边