从json数据更新图表

Question

我有一个输出json数据的go程序:

{ "cpu" : { 
      "Idle" : 9875425,
      "Iowait" : 28338,
      "Irq" : 5,
      "Nice" : 9707,
      "Softirq" : 4051,
      "System" : 153933,
      "Time" : 1329211407,
      "User" : 392229
},
"cpu0" : { 
      "Idle" : 2417441,
      "Iowait" : 3212,
      "Irq" : 5,
      "Nice" : 1419,
      "Softirq" : 3935,
      "System" : 62177,
      "Time" : 1329211407,
      "User" : 109227
    },
}

我正在寻找一种使用javascript(比如每1秒)呈现和更新图形的有效方法.

Answer 1

图形数据不缺少javascript库.我曾与Highcharts合作过,这对个人项目是免费的.要使用高图中的数据制作图表,您可以执行以下操作:

var data = [] //your data from above; you'll need to convert it to an array of y-values or one of the other available formats

var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
        },
        series: [{
            name: 'Series Title',
            data: data
        }]
    });
});

...但是,如上所述,有许多JS图形库.仅举几例:

• JQPlot
• D3
• Processing.js
• Sencha图表

如果你正在寻找一个更具体的答案,我不确定人们可以提供那么多的回答一个模糊的问题.

Answer 2

我是dygraphs的忠实粉丝.很强大.非常灵活.