如何使用下拉列表从csv更新D3 scatterplot dat?

时间:2015-08-27 14:37:35

标签: d3.js

我从csv创建了一个d3散点图,现在我想使用下拉列表来更新csv中显示的数据。以下是我到目前为止所得到的内容:

http://plnkr.co/edit/NNDlG0KBcvpTfKWK6ToB?p=preview

我发现了这个例子http://bl.ocks.org/mbostock/5872848,但我对如何加载csv数据感到困惑

d3.csv("data.csv", type, function(error, states) {
  if (error) throw error;
  var stateById = d3.map();
  states.forEach(function(d) { stateById.set(d.id, d); });
  dispatch.load(stateById);
  dispatch.statechange(stateById.get("CA"));
});

以及派遣事件的使用

dispatch.on()

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

d3.csv只是从提供的URI(示例中名为data.csv的本地文件)加载文件,并使用回调的第二个参数中的csv数据回调传递给它的函数。然后,您可以在回调上下文中完成所有数据工作。

d3.dispatch是一个很棒的小工具,可以使异步编程变得非常简单。它只是一个包含主机代码指定的自定义事件的对象,并提供触发它们和管理侦听器的接口。

例如,你可以这样做......     //创建调度对象并指定事件     var disp = d3.dispatch(" e1"," e2");

{{1}}

这就是它的全部内容。