java - d3js 动态 csv 从下拉列表切换

Question

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

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

我坚持写 php 和 java，java 由 php 回显，所以我认为我完全走错了路。

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

亲切的问候，

西尔文

Answer 1

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

//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是标准引用。