echarts realtime圖實現

最近一直比較頭疼，如何?realtime圖。總結一下需要解決以下問題：

1.如何傳輸自訂資料

2.資料要以什麼格式傳輸

3.是否能夠進行局部重新整理，也就是ajax請求或者其他方式

4.同一頁面上是否能夠非同步重新整理不同的div，如果div多的話，會不會很慢

5.實現realtime圖的機制是什麼，是否可以自定製

一直研究的echarts前不久剛更新adddata的即時資料介面。所以自己單獨抽出來做了個實驗。原始碼如下：

針對上述5個問題的回答如下：

資料可以存在資料庫或者線上，as you like，可以通過AJAX或者jquery庫等獲得JSON資料然後轉成數組,傳輸給echarts。一般最常用的是json格式。不管是ajax、jsonp甚至websocket都可以作為擷取資料的方式，這是資料層面的事情不會附加到圖表中，你當然可以通過ajax擷取資料後展現，我們的實際應用中基本都是ajax資料~圖表提供了loading方法用於擷取資料時作為過渡顯示~