Обновить график из данных json

Я получил программу go, которая выводит данные json:

{ "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 сек.).

Ответы

Ответ 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. Чтобы назвать несколько:

Если вы ищете более конкретный ответ, я не уверен, что люди могут так много предложить в ответ на неопределенный вопрос.

Ответ 2

Я большой поклонник dygraphs. Очень могущественный. Очень гибкий.

Ответ 3

Мне нравится работать с библиотекой d3js для такого рода работ.

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

Он имеет очень хорошие функции для обновления графиков с новыми данными.

Возможно, вы можете основывать свою работу на примере "пулевых диаграмм".