Highcharts ajax不工作

Question

我发现 highcharts 是一个可以在演示示例之外工作的思维领域。在查看 stackoverflow 时，有大量示例以多种不同方式针对许多不同情况完成。

我尝试了一些代码来让它工作，但无济于事。

我正在尝试加载图表以每隔几秒重新加载和更新图表。我得到了 ajax 调用来工作，数据要通过并每隔几秒钟调用一次。但我想不出一种让 highcharts 获取数据并构建图表的方法。

这是ajax传回来的数据，是Multi Series的结果

[{"name":"One","data":[[1433203200000,0],[1433289600000,0],[1433376000000,0],[1433462400000,0],[1433548800000
,0],[1433635200000,31.48],[1433721600000,0]]},{"name":"Two","data":[[1433203200000,0],[1433289600000
,0],[1433376000000,0],[1433462400000,0],[1433548800000,0],[1433635200000,0],[1433721600000,0]]}]

这是highchart代码，我做错了什么？

chart = new Highcharts.Chart({
    chart: {
        renderTo: 'final',
        defaultSeriesType: 'spline',
        events: {
            load: function()
            {
              setTimeout(function(){
                 $.ajax({
                    url: 'test',
                    type: 'GET',
                    async: true,
                    dataType: "json",
                    success: function (data) {
                      console.log(data);
                      chart.setData(data,true);
                        //chart.setData(data,true);
                    }
                  });
              }, 10000);                  
            }
        }
    },
    title: {
        text: 'Live random data'
    },
    xAxis: {
        type: 'datetime',
        tickPixelInterval: 150,
        maxZoom: 20 * 1000
    },
    yAxis: {
        minPadding: 0.2,
        maxPadding: 0.2,
        title: {
            text: 'Value',
            margin: 80
        }
    },
    series: []
});

Answer 1

两件事：

1) setTimeout 只被调用一次。您可能想使用setInterval。

2) 没有像chart.setData() 这样的方法。有series.setData()。打开演示并查看它是如何使用的。在你的情况下，回调应该是这样的：

        load: function() {
          var myChart = this;
          setInterval(function() {
             $.ajax({
                url: 'test',
                type: 'GET',
                async: true,
                dataType: "json",
                success: function (data) {
                  $.each(data, function(i, d) {
                      if(myChart.series[i]) {
                          myChart.series[i].setData(d.data,false, false);
                      } else { // series doesn't exist
                          myChart.addSeries(d, false);
                      }
                  });
                  myChart.redraw(true);
                }
              });
          }, 1000);                  
        }