javascript - 在 Javascript 中加载多个 CSV 文件

Question

我有点困惑，我需要使用 javascript 加载多个 CSV 文件，并且我需要更改每个加载数据集的一些属性。所以基本上我正在使用这个名为 d3 的框架，我想加载 3 个 csv 文件，然后对于每个 csv 文件，我需要更改为平行坐标图绘制的线条的颜色。目前我正在使用三个数据负载，但这弄乱了我的情节，我到处都有值(value)。

 // load csv file and create the chart
d3.csv('X.csv', function(data) {
pc = d3.parallelCoordinates()("parallelcoordinates")
    .data(data)
    .color(color)
    .alpha(0.4)
    .render()
    .brushable()  // enable brushing
    .interactive()  // command line mode

var explore_count = 0;
var exploring = {};
var explore_start = false;
pc.svg
    .selectAll(".dimension")
    .style("cursor", "pointer")
    .on("click", function(d) {
        exploring[d] = d in exploring ? false : true;
        event.preventDefault();
        if (exploring[d]) d3.timer(explore(d,explore_count,pc));
});

上面我做了三遍。现在发生的是所有数据都绘制在同一张图上，但值重叠(基本上是三个图重叠)。我想将它们全部集成，我认为最好的方法是巧妙地加载 JS 文件并以某种方式对其进行操作。我不知道怎么办。有人会告诉我如何实现这一目标吗？

Answer 1

这个帖子会有用:https://groups.google.com/forum/#!msg/d3-js/3Y9VHkOOdCM/YnmOPopWUxQJ

链接中的最佳解决方案 (IMO) 是这样的:

  var rows1, rows2, remaining = 2;

  d3.csv("file1.csv", function(csv) {
    rows1 = csv;
    if (!--remaining) doSomething();
  });

  d3.csv("file2.csv", function(csv) {
    rows2 = csv;
    if (!--remaining) doSomething();
  });

  function doSomething() {
   // … do something with rows1 and rows2 here …
  }