Javascript 从json数据更新图形

我有一个输出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（比如每1s）显示和更新图形的有效方法。

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

它有很好的函数来用新数据更新图形

---

也许您可以将您的工作建立在“子弹图”示例的基础上。

不缺少用于绘制数据的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图形库。举几个例子：

---

如果你在寻找一个更具体的答案，我不确定人们是否能对一个模糊的问题给出这么多的回答。

谷歌有一大堆API。你应该看看其中的一些。其中之一是chartapi。它还可以让你制作二维码。谷歌甚至在js操场上有一些例子：

我是js的超级粉丝。非常强大。非常灵活。

如果有的话，您使用的是什么javascript图形库？我已经查看了flotr，它看起来像我需要的。什么类型的图形（饼图、条形图等）？设计有多复杂？如果不太复杂，只需在一些DOM元素上设置css值（例如高度）就可以轻松实现，避免使用基于canvas/svg的js图形库