如何在amCharts Stock图表中使用多个数据集?

时间:2016-01-12 14:36:30

标签: javascript amcharts amstock

我有两个数据集,想要用它们来显示amCharts Stock Chart中的折线图。这是小提琴。它仅显示第一个数据集中的数据。

 "stockGraphs": [ 
    {
      "id": "g1",
      "title": "Graph #1",
      "lineThickness": 2,
      "valueField": "value1",
      "useDataSetColors": false,
      "valueAxis" : "axis1",


    }, 

    {
      "id": "g2",
      "title": "Graph #2",
      "lineThickness": 5,
      "valueField": "value2",
      "useDataSetColors": false,
      "connect" : false,
       "valueAxis" : "axis2"

    }

https://jsfiddle.net/a0p3vm8r/1/

我确信某处有一个简单的JSON配置丢失。有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:1)

为了显示比较数据集中的图形,需要做一些事情。

1)通过设置compared: true来比较第二个数据集。

2)为第二张图设置comparable: truecompareField

3)您的小提琴代码为第二个数据集创建数据,其中“value1”作为值字段,而图形valueField指的是“value2”。

以下是适用上述所有内容的图表:

https://jsfiddle.net/a0p3vm8r/2/