javascript - D3 JS 根据条件导入不同的 csv 文件

Question

是否可以在条件更改时导入多个 CSV。 假设我有按钮 a 和 b，当按钮 a 激活时，我想阅读 a.csv。但是，如果按钮 b 被激活，b.csv 将被导入。 我使用代码 d3.text("filename.csv")。

提前致谢!

Answer 1

由于您使用的是 D3，这可能是一种导入 CSV 的方法。参见 https://github.com/mbostock/d3/wiki/CSV了解更多信息。

我建议您参加 JavaScript 类(class)，以更多地了解基础知识。

HTML

 <button id="a">Import a.csv</button>
 <button id="b">Import b.csv</button>

Javascript

function importCSV(filename) {
  d3.csv(filename)
    .get(function(error, rows) {
    // Do something with the rows
    console.log(rows, error);
  });
}

d3.selectAll('button').on('click', function (e) {
  console.log(e, this);
  importCSV(d3.select(this).attr('id') + '.csv');
});

参见 JSFiddle (打开控制台)。