测量速度计

Gauge Speedometer

本文关键字:速度计 测量      更新时间:2023-09-26

有人知道我是否可以使用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 ',如果它是使用布尔设置为真,然后使用random number between say 1-20,如果它不只是设置函数输出0;

可以说,它本质上是一个带宽计,我只是想知道在我花5个小时做它之前,如果不可能的话,这个表是否可能。谁能给点建议?

这是JSFiddle中的仪表,我目前正在摆弄它。

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

当然可以

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"是一个服务器端函数,它返回一个JSON结果,其中包含inc的值。数据返回后,将更新图表。