Question

我有一系列.csv文件（file1.csv file2.csv file3.csv等）需要在点击按钮时关闭。我的想法是每次点击一个变量时加1，并将数字连接到文件名。我所拥有的内容如下所示，在第一个脚本中我创建了按钮的功能，在第二个脚本中我使用d3.js来读取csv文件。有人能指出我正确的方向吗？

<script> 
    var ptOne = "films";
    var ptTwo = 1;
    var ptThree = ".csv"
    var fileName = ptOne.concat(ptTwo).concat(ptThree);


    button.on("click", function() {
         ptTwo+1;
    })
</script>
<script>



  d3.csv(fileName, function(data) { 
      var w = 1000;
      var h = 500;
      var padding = 100;

Answer 1

我会创建一个函数来读取csv文件，如：

function readCsv(fileName) {
    d3.csv(fileName, function(data) { 
        var w = 1000;
        var h = 500;
        var padding = 100;
        ...
    }
}

然后单击调用该函数：

button.on("click", function() {
    ptTwo+1;
    readCsv(ptOne+ptTwo+ptThree)
})

最后，我将使用第一个csv文件初始化页面：

readCsv(ptOne+1+ptThree)

我希望它有所帮助。

如何用按钮切换d3.js中的.csv文件？

1 个答案: