d3js 动态 csv 从下拉列表切换

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

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

我陷入了编写 php 和 java 的困境，而 java 又被 php 所回应，所以我认为我完全走错了路。

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

亲切的问候，

Sylvain

我假设您不需要帮助来制作下拉列表。最简单的方法是将下拉列表选择简单地输入到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 的用连接思考是为此的标准参考。