Question

我是d3js的新手，我在这里成功使用了示例：https://gist.github.com/d3noob/4414436

这非常好，因为它可以远程工作，CSV存储在服务器端。现在，我想更进一步，并添加从列表中选择源CSV并重绘图表的功能。

我在编写php和java时遇到困难，并且我用php回复了java，所以我觉得我完全错了。

您是否有一个示例说明如何执行图表更新，读取从包含服务器端的CSV路径的下拉列表中选择的新CSV？

亲切的问候，

西尔

Answer 1

我假设您不需要帮助制作下拉列表。最简单的方法是将下拉列表选项简单地输入var，并在执行var调用时使用d3.csv()。例如：

//storing the drop-down selection in the ddSelection var
var ddSelection = document.getElementById("secondOption").value,

//feeding that to create the csv filename you want
var csvFile = "/some server path/" + ddSelection + ".csv";

d3.csv(csvFile, function(error, dataset) {
    //a bunch of cool visualizing stuff
})

然后，您只需要记住在加入数据时包含.exit()，以便图表使用新数据集进行更新 - Mike Bostock的Thinking with Joins是此标准参考。

d3js动态csv从下拉列表切换

1 个答案: