【问题标题】:how to get tow series data in highchart guage chart如何在highchart仪表图中获取两个系列数据
【发布时间】:2013-06-13 14:43:49
【问题描述】:

我是ajax调用输出两个数据点的php脚本

[epoch 数据,cpu]

我希望能够创建 highchart guage 图表并显示 cpu 利用率,并且作为数据标签,我希望显示我从 php 调用中获得的时间。

function request_cpu_Data() {
    $.ajax({
        url: 'get_cpu.php', 
        success: function(data) {
        var myObj = JSON.parse(data); 
        var point = cpu_chart.series[0].points[0];
        var point1 = cpu_chart.series[1].points[0];
        var newVal=myObj[1];
        var newVal1=myObj[0];
        point.update(newVal);
        point1.update(newVal1);

        setTimeout(request_cpu_Data, 10000000); 
        },
        cache: false
    });
}

我的系列选项是这样的:

series: [{
            name: 'CPU',
            data: [0]

            },{
            name: 'Date',
            data: []
            }
        ]

我收到此错误:

Uncaught TypeError: Cannot call method 'update' of undefined

你就是这样设置第二个系列的吗?

var point1 = cpu_chart.series[1].points[0];

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    您的第二个系列不包含数据,因此您的 cpu_chart.series[1].points 是一个空数组。 如果data.lenght === 0,则必须使用setData,如下所示:

    var secondSeries = chart.series[1];
    
    if (secondSeries.data.length === 0) {
        secondSeries.setData([newValue]);
    } else {
        secondSeries.points[0].update(newValue);
    }
    

    希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-09-30
      • 2016-11-03
      • 2021-05-25
      • 1970-01-01
      • 2016-10-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多