Cập nhật biểu đồ từ dữ liệu json

Question

tôi có một chương trình đi mà kết quả đầu ra dữ liệu 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 
    }, 
} 

Tôi đang tìm kiếm một cách hiệu quả tốt để trình bày và cập nhật một biểu đồ sử dụng javascript (nói cho mỗi 1s).

Answer 1

Không thiếu thư viện javascript để vẽ biểu đồ dữ liệu. Tôi đã làm việc với Highcharts, miễn phí cho các dự án cá nhân. Để tạo biểu đồ sử dụng dữ liệu của bạn trong highcharts, bạn có thể làm như sau:

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 
     }] 
    }); 
}); 

... Tuy nhiên, như đã đề cập, có rất nhiều thư viện đồ thị JS. Đến tên một vài ví dụ:

• JQPlot
• D3
• Processing.js
• Sencha Charts

Nếu bạn đang tìm kiếm một câu trả lời cụ thể hơn, tôi không chắc chắn folks có thể cung cấp mà nhiều để đáp lại một câu hỏi mơ hồ.

Answer 2

Tôi thích làm việc với thư viện d3js cho loại công việc này.

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

Có chức năng rất tốt để cập nhật biểu đồ bằng dữ liệu mới.

Có thể bạn có thể căn cứ công việc của mình trên ví dụ "biểu đồ viên đạn".

Answer 3

Google có BUNCH của apis. Bạn nên kiểm tra một số trong số họ ra ngoài. Một trong số đó là biểu đồ api here. Nó cho phép bạn tạo mã QR. Google thậm chí còn có một số ví dụ trong sân chơi js: http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

Answer 4

Tôi là người hâm mộ lớn của dygraphs. Rất mạnh. Rất linh hoạt.