javascript - 在 D3 和 Plotly 中处理和处理数据

Question

我必须进行数据操作，以便可以在 plotlyjs 中绘制线图。基本上是一个包含 6 个趋势的折线图。

我有三个 csv 数据文件：

overall.csv
overall with state.csv
overall with school and state.csv

整体.csv看起来像这样：

date, admission, dropout

整体与 state.csv看起来像：

date, state, admission, dropouts

总体上学校和 state.csv看起来像：

date, school, state, admission dropouts

我必须进行数据操作，以便可以在 plotlyjs 中绘制线图。所以我需要做的数据图是：

绘制 6 个不同的趋势：

1. 整体录取（overall.csv）

2. 整体辍学（overall.csv）

3. 'X' 州招生（整体与 state.csv）

4. 'X' 状态辍学（整体与 state.csv）

5. 'Y' 学校招生（总体与学校和 state.csv）

6. 'Y' 辍学学生（总体包括学校和 state.csv）

随着时间的推移，总共有 6 种不同的趋势。

我提出了一个代码，但很困惑，因为我没有 javascript 的背景，但是代码不起作用，我一直得到一个空数组。

var test = [];

d3.csv('overall.csv')
  .then(data => {
  data.map(function(d) {
  //console.log(d.admissions);
  test.push(d.admissions)
})});

console.log(test);

我不断得到一个空数组。

标签： javascriptcsvd3.jsecmascript-6plotly