本次帶給大家的數(shù)據(jù)可視化工具為HighCharts,上一篇的可視化編程工具為ECharts,關(guān)于兩者的異同,這里解釋一下。
(1)從控件出處看:HightCharts是外國的公司的專業(yè)團隊當做公司的重要產(chǎn)品去開發(fā)迭代的開源項目,Echarts后者是國內(nèi)百度公司的一個技術(shù)團隊維護開的開源工具項目。
(2)從學習成本看:兩者目前都有完整的實例演示,功能介紹和詳細的api文檔。尤其echarts3.0有了很大的改進。
(3)從技術(shù)實現(xiàn)看:HightCharts基于svg,對于動態(tài)的增刪節(jié)點數(shù)據(jù)非常靈活,不需要重新繪圖。Echarts基于canvas的技術(shù),對于處理大量的數(shù)據(jù)和3D繪圖比較有優(yōu)勢,對于動態(tài)的增刪節(jié)點是需要重新繪圖加載數(shù)據(jù),無法動態(tài)改變圖表的尺寸,只能是縮放。一個合格的程序員應(yīng)該根據(jù)具體的業(yè)務(wù)需求選擇最合適技術(shù)。
(4)從開發(fā)角度看:Highcharts更容易上手,圖表展現(xiàn)出來也是極其的美觀簡約大氣。Echarts更注重圖表的華麗,進行了大數(shù)據(jù)優(yōu)化,能有效結(jié)合百度地圖,而且作為國產(chǎn)東西我當然還是相當?shù)闹С郑⑶沂峭耆赓M的。
1、曲線圖
主要包括基本曲線圖表、帶有數(shù)據(jù)標簽圖表、圖表異步加載數(shù)據(jù)、時間序列,可縮放的圖表、軸翻轉(zhuǎn)曲線圖、帶標記曲線圖、標示區(qū)曲線圖、不規(guī)則時間間隔圖表、對數(shù) x 軸。
2、區(qū)域圖
主要包括基本區(qū)域圖、區(qū)域圖,使用負值、堆疊區(qū)域圖,各個區(qū)域疊加、使用百分比的區(qū)域圖、丟失數(shù)據(jù)的區(qū)域圖、反轉(zhuǎn)x軸與y軸、曲線區(qū)域圖、區(qū)間區(qū)域圖、區(qū)域區(qū)間和線。
3、條形圖
主要包括基本條形圖、堆疊條形圖、反向條形圖。
4、柱形圖
主要包括基本柱形圖、反向柱形圖、堆疊柱形圖、堆疊組柱形圖、按百分比堆疊柱形圖、標簽旋轉(zhuǎn)柱形圖、向下鉆取柱形圖、固定布局柱形圖、使用 html 表格數(shù)據(jù)的柱形圖、區(qū)間柱形圖。
5、餅圖
主要包括基本餅圖、顯示圖例餅圖、圓環(huán)圖、半圈圓環(huán)圖、向下鉆取餅圖、漸變餅圖、單色餅圖。
6、散點圖
主要包括散點圖、散點圖上添加回歸線。
7、氣泡圖
主要包括氣泡圖、3D氣泡圖。
8、組合圖
主要包括柱形圖,線條圖,餅圖、雙Y軸, 柱形圖,線條圖、多Y軸、散點圖上添加回歸線。
9、3D圖
主要包括3D 柱形圖、帶空值的3D 柱形圖、堆疊 3D 柱形圖、3D 餅圖、3D 圓環(huán)圖。
10、測量圖
主要包括測量圖、圓形進度條式測量圖、時鐘、雙軸車速表、音量表(VU Meter)。
11、樹狀圖
主要包括樹狀圖、不同等級樹狀圖、大數(shù)據(jù)量樹狀圖。
小編已經(jīng)實現(xiàn)了Hightchats的demo,希望能幫助到大家。
聯(lián)系客服