0

我有一个应用程序,它从 Web.API 系统获取 Json 提要并使用justgage将其填充到仪表 JS 对象中

呈现我的仪表的代码如下:

var address = "http://localhost:51799/home/getperfdata";

$.getJSON(address, function (data) {
    DrawGraphs(data);
});

var inc = 1;
function DrawGraphs(data) {
    $.each(data, function (key, val) {
        //console.log(val)
        //Draw the Divs onto the page!
        $("#targetdiv").append("<div class=\"col-sm-2\"id=\"g" + inc + "\"></div>");

        //Create a new Graph for each div we drew.
        var i = new JustGage({
            id: "g" + inc,
            value: val.Value,
            min: val.MinValue,
            max: val.MaxValue,
            title: val.SystemName,
            label: val.ItemName,
            levelColorsGradient: false
        });
        inc++;
    });
}

我的问题是,我想每隔 30-60 秒重新调用 Web API 以获取更新的详细信息,但是我不知道如何引用对象以提供新的“值”。

该系统已构建,因此它将为其提供的每个 Json 对象创建一个计量器(因此视图将仅绘制通过 Json 提供的数量)但是这种方法似乎使重新引用对象变得更加困难......

一个简单的解决方案是每 60 秒“拆除并重新创建”它,哎呀,我什至可以将页面刷新到位!但我觉得这有点......“hacky”,如果可能的话应该开发一个更优雅的解决方案?

4

0 回答 0