AmCharts 串行多数据集

Question

查看文档中的不同示例，我发现在序列图表上包含多个图形(或线)的唯一方法是将数据放在一个数组中:

[{
  category: 1,
  value1: .8,
  value2: .64,
},
{
  category: 2,
  value1: .75,
  value2: -.4,    
}];

但是，如果您要同时显示多个数据集，这将相当乏味；有没有另一种方法可以做到这一点，您可以一次传递多个数组(这是我认为实现的样子，但事实并非如此):

[ 
// First set of data
{ category: 0, value: .5},
{ category: 1, value: .5},
{ category: 2, value: .5},
{ category: 3, value: .5},
{ category: 4, value: .3},
{ category: 5, value: 1}
],
// Second set of data
[
{ category: 0, value: .5 },
{ category: 1, value: .3 },
{ category: 2, value: .25 },
{ category: 3, value: .6 },
{ category: 4, value: .79 },
{ category: 5, value: .81 }
]],

关于如何做到这一点有什么想法吗？或者我需要切换到不同类型的图表吗？

Answer 1

这在常规的 AmCharts JavaScript 图表库中是不可能的。正如您所注意到的，唯一受支持的格式是单个对象数组，其值按类别合并。您必须事先预处理您的数据。

AmCharts 股票图表库支持 dataSets 数组中的单独数据数组，但它仅支持基于日期的数据。

AmCharts.makeChart("chartdiv", {
  "type": "stock",
  "dataSets": [{
     // other properties omitted
     "dataProvider": [{
        category: "2017-08-01,
        value: 3
      }, {
        category: "2017-08-02,
        value: 2
      }, {
        category: "2017-08-03,
        value: 1
      }, // ...
     ]
  }, {
     // other properties omitted
     "dataProvider": [{
        category: "2017-08-01,
        value: 10
      }, {
        category: "2017-08-02,
        value: 9
      }, {
        category: "2017-08-03,
        value: 5
      }, // ...
     ]
  },
  // ...
  ]
  // ...
});

您可以在 stock chart demos 中的任何一个中看到这一点。 .