仪表车速表

时间:2013-03-15 05:30:18

标签: javascript ajax highcharts meter

有没有人知道我是否可以使用High Charts速度计与Ajax通话?我正在考虑以下函数将调用放在我指出的位置。但我知道有时候这种类型的graphs, charts, meters不喜欢Ajax调用。

  // Add some life
function (chart) {
    setInterval(function () {
        var point = chart.series[0].points[0],
            newVal,
            inc = **Ajax call here**;

        newVal = point.y + inc;
        if (newVal < 0 || newVal > 20) {
            newVal = point.y - inc;
        }

        point.update(newVal);

    }, 3000);

实际上我真的不需要在函数中调用Ajax。我只需要对服务器进行Ajax调用,检查它是否为'squaking',如果它使用布尔值设置为true然后使用random number between say 1-20,如果不是只设置函数输出0;

它本质上是一个带宽计,可以这么说,我只是想知道是否有可能用这个仪表在我花了5个小时之前什么都不可能。谁能提出建议?

这是JSFiddle中的仪表,我正在搞乱它。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/gauge-speedometer/

1 个答案:

答案 0 :(得分:2)

当然可以

setInterval(function () {
    var point = chart.series[0].points[0],
        newVal,
        inc = 0;

    $.get('squaking', function (data) {
        newVal = point.y + data.inc;
        if (newVal < 0 || newVal > 20) {
            newVal = point.y - data.inc;
        }

        point.update(newVal);
    });
}, 3000);

我假设“ squaking ”是服务器端函数,它返回包含 inc 值的JSON结果。返回数据后,将更新图表。