从json数据更新图形

Update graph from json data

本文关键字：图形 更新 数据 json      更新时间：2023-09-26

我得到了一个输出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）来显示和更新图形的高效方法。

图形数据中不乏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图形库。举几个例子：

  • JQ地块
  • D3
  • 处理.js
  • Sencha图表

如果你正在寻找一个更具体的答案，我不确定人们能为一个模糊的问题提供那么多答案。

我是dygraph的忠实粉丝。动力很好。非常灵活。

我喜欢使用d3js库来完成这类工作。

http://mbostock.github.com/d3/

它具有非常好的功能，可以用新数据更新图形。

也许你可以把你的工作建立在"项目符号图表"的例子上。

Google有BUNCH的api。你应该看看其中的一些。其中之一就是这里的图表api。它也让你制作二维码。谷歌甚至在js操场上有一些例子：http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

相关文章：