Question

我正在尝试使用服务中的新信息更新现有的highcharts柱形图。我试图通过在系列上使用setdata方法来实现这一点，但系列在＆＃34; undefined＆＃34;中。我对这种类型的编程很新，所以我不理解我做错了什么。任何帮助将不胜感激。我的代码如下：

$('#chart22').highcharts({
    colors: ['#FBB369', '#7798BF'],
chart: {
    type: 'column'
},
title: {
    text: 'Some Data'
},
xAxis: {
    categories: ['Cat1', 'Cat2']

},
yAxis: {
    title: {
        text: 'Amount'
    },
    labels: {
        formatter: function() {
            return this.value / 1000000000 +'B';
        }
    }
},
credits: {
    enabled: false
},
exporting: { 
    enabled: false 
},
series: [{
    name: 'Amount',
    data: [-3450000000.25, 3670000000.35]

   }]
});


setInterval(function() { getData(); }, 30000);


function getData(){

    console.log("retrieving data from server ");
    var url = "http://localhost/someserver call";

    $.getJSON (url, function (Data44) {
        var data = data44; //we are good here

        // update the series data

        chart22.series[0].setData(data);
        chart22.series.setData(data);  //both give the error that series is undefined ????

    });
}

Answer 1

您尚未创建变量chart22，因此未定义属性并不奇怪。

试试这个

var timerId = setInterval(function() {
    console.log("retrieving data from server ");
    var url = "http://localhost/someserver call";

    $.getJSON(url, function(data) {
        $('#chart22').highcharts().series[0].setData(data);
    });
}, 30000);

JSFiddle demo的Series.setData应该向您展示了该做什么。

尝试动态更新Highchart柱形图但系列未定义

1 个答案: