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

Question

当条件发生变化时，是否可以导入多个CSV。 让我们说我有按钮a和b，当按钮激活时，我想阅读a.csv。但是，如果激活按钮b，将导入b.csv。 我使用代码d3.text("filename.csv")。

提前全部谢谢！

Answer 1

由于您使用的是D3，因此这可能是导入CSV的方法。有关详细信息，请参阅https://github.com/mbostock/d3/wiki/CSV。

我建议你做一门JavaScript课程，以便更多地了解基础知识。

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（打开控制台）。