D3.js 和 Knockout Force Diagram API 更新

Question

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

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

function SearchViewModel() {
    self.onSubmit = function(){

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

Answer 1

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

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

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