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

我有一系列.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;

var ptOne=“胶片”；
var-ptTwo=1；
var ptThree=“.csv”
var fileName=ptOne.concat（ptTwo.concat（ptThree）；
按钮。打开（“单击”，函数（）{
ptTwo+1；
})
d3.csv（文件名、函数（数据）{
var w=1000；
var h=500；
var=100；

我将创建一个函数来读取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)

---

我希望它能有所帮助。

我会创建一个函数来读取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)

---

我希望这会有所帮助。

请注意，除非您有无限多的文件，否则最终将加载一个不存在的文件。循环使用预定义名称数组可能更容易。保留一个计数器，然后只选择下一个数组元素。我不确定是否理解这个问题。您当前的解决方案如何不适合您？请注意，除非您有无限多的文件，最终将加载一个不存在的文件。循环使用预定义名称数组可能更容易。保留一个计数器，然后只选择下一个数组元素。我不确定是否理解这个问题。您当前的解决方案如何不适用于您？