从URL加载数据并在Amcharts中绘制另一个图表

时间:2016-12-12 10:15:51

标签: javascript html amcharts

我在Amcharts中使用股票图表并绘制如下图表: Working Pen

现在,我没有在脚本中提供数据,而是希望从URL加载。而不是

"dataSets": [{


        "dataProvider": sourceData,
        "categoryField": "time"
  }]

我用

替换了它
"dataSets": [{

      "dataLoader": {
           "url": "http://localhost:8080/contacts?day=3&zone_id=3"
         },

        "categoryField": "time"
  }]

但它不起作用。

  1. 如何在此方案中加载数据?

  2. 我还想绘制foo3和foo1的值。我该怎么做?

  3. 感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

您使用的迷你插件不支持dataLoader。你可以增加它,但在AJAX回调中创建图表可能更容易。

10.50

默认情况下,插件只接受一个seriesField和单个seriesValueField,这意味着您只能显示foo1。您可以对其进行修改,以便使用一系列seriesValueField来生成您想要的内容:

$.getJSON(
  'path/to/your/endpoint', 
  function(data) {
    AmCharts.makeChart('chartdiv', {
      // ...
      dataSets: [{
        dataProvider: data,
        categoryField: "time"
      }],
      // ...
    });
  }
);

Demo