Question

我正在尝试使用数组数组而不是对象创建d3多系列图表。但我面临的问题并不确定如何使其发挥作用。

基本上，默认数据采用以下格式： -

var data = [
    {date:"1-May-12","New York":"58.13", "San Francisco":"58.13", "Austin": "43"},
    {date:"30-Apr-12","New York":"53.98" , "San Francisco":"48.13", "Austin": "53"},
    {date:"27-Apr-12","New York":"67.00", "San Francisco":"38.13", "Austin": "63"},
    {date:"26-Apr-12","New York":"89.70", "San Francisco":"28.13", "Austin": "73"},
    {date:"25-Apr-12","New York":"99.00", "San Francisco":"18.13", "Austin": "83"}
];

我想用： -

var data = [
  ["date", "New York", "San Francisco", "Austin"],
  ["1-May-12", "43.98", "48.13", "43"],
  ["30-Apr-12", "53.98", "88.13", "53"],
  ["27-Apr-12", "63", "68", "63"],
  ["26-Apr-12", "73", "58", "73"],
  ["25-Apr-12", "83", "48", "83"]
]

请参阅plunker - http://plnkr.co/edit/E0H45we6GKtXZcHMhbay?p=preview

感谢任何帮助。

Answer 1

如果我正确地阅读了您的问题，我想我可以通过说您拥有JSON格式的数据来总结它，但您希望以csv格式使用它。

如果这是正确的，您可以以稍微不同的方式处理问题，并将您的数据文件放在主脚本外部，然后当您读取数据时，可以使用{{1} }或d3.json取决于格式。示例here使用外部csv文件。

编辑：以下是使用您的代码和外部csv文件的bl.ocks.org上的示例 http://bl.ocks.org/d3noob/d5ecdbefb7cc43a48f59

d3：具有关联数组的多系列折线图

1 个答案: