在具有类别的d3中为多行图表在csv中排列数据的最佳方法

时间:2014-07-11 14:56:43

标签: javascript d3.js

我试图创建一个包含多行的时间序列折线图。这些行中的每一行都属于具有其自己颜色的类别。我发现的所有示例都只有一个标题列。我的数据目前格式化为两个:

                   Company1    Company1    Company2    Company2
    date           User1       User2       User3       User4
    17-Jun-14      10          12          5           8        
    .
    .
    .

问题:你如何读取csv的第一行作为类别,第二行作为用户,其余作为d3的变量?

OR,数据是否需要以如下格式堆叠:

Company      User    Date        Value
Company1     User1   17-Jun-14   10
Company1     User2   17-Jun-14   12
.
.
.

1 个答案:

答案 0 :(得分:1)

d3 parse方法只需要一行,并使用该行创建属性。

另一种方法是使用parseRows方法,该方法不需要头文件并将所有内容格式化为数组。使用parseRows,您解析的数据将如下所示:

[
 [ '',         'Company1', 'Company1', ...]
 ['date',      'User1', ...               ]
 ['17-Jun-14', 10, ...                    ]
 ...
]

从那里,您可以从第二行开始遍历数据,引用前两行来确定公司和用户。