在 highcharts 上动态更新仪表

Question

我在一个大学网站项目中工作，我选择使用 Highcharts，它的使用非常简单。但是我在使用 .getjson 进行动态更新时遇到了一些问题。

我使用了这个http://www.highcharts.com/studies/live-server.htm 和这个http://jsfiddle.net/oceog/zpwdp/ 样本。 我还没有取得任何成功。然后我尝试在 API 上自己学习，我得出了这个结论：

function requestData() {
    $.jQuery.getJSON('values.php', data, 
        function(){
            var series = chart.series[0]
            chart.series.update()
            setTimeout(requestData, 1000);  
        }
)}

我将图表上的数据值留空，并在文件上加载了requestData，但它仍然不起作用。 有人能帮我吗？ 对不起我的英语不好。 谢谢！

Answer 1

参考这个fiddle:

var new_value = 160;
var point = $('#container').highcharts().series[0].points[0];       
point.update(new_value);

根据你的情况，应该是这样的：

function requestData() {
    $.jQuery.getJSON('values.php', data, 
        function(){
            var new_value = 160;//the value you wish to update and set to guage
            var point = $('#div_id_of_chart_rendering').highcharts().series[0].points[0];       
            point.update(new_value);  
        }
)}

Answer 2

当您的数据对象被返回时，您需要将该数据放入图表系列中。目前，您没有对数据对象做任何事情。相关的 highcharts API 调用是 'setData' (http://api.highcharts.com/highcharts#Series.setData)。

您需要执行以下操作：

function requestData() {
$.jQuery.getJSON('values.php', data, 
    function(){
        chart.series.setData(data)
        setTimeout(requestData, 1000);  
    }
)}

为此，您的 php 需要返回一个有效的系列数据对象（例如一个点数组）。