Javascript包含了很多開源并且免費(fèi)的圖表類庫(kù), 在今天這篇文章中,我們將介紹三款最頂級(jí)的Javascript圖表類庫(kù),包括:
- D3.js
- Highcharts
- FusionCharts

Mike Bostock開發(fā)的D3.js幾乎成為了數(shù)據(jù)可視化的代名詞,它基于現(xiàn)代瀏覽器標(biāo)準(zhǔn),并且提供了圖形渲染的完整控制
優(yōu)點(diǎn)如下:
- 優(yōu)雅漂亮: 生成漂亮并且優(yōu)雅的圖形圖表,絕對(duì)超越其它圖形類庫(kù)提供的圖形
- 輕量級(jí):核心336k,壓縮后151k,適合開發(fā)高性能的應(yīng)用
- 高度自定義:它并不提供一些直接使用的功能, 但是通過優(yōu)化的數(shù)據(jù)操作,可以自定義出任何你想實(shí)現(xiàn)的效果
- 社區(qū)支持: 社區(qū)支持非常棒,包含了很多提問和解決方案(stackoverlow.com),任何需要解決的問題基本都可以完成的得到支持
- 很多超棒的例子: 包含了900多個(gè)精心設(shè)計(jì)的演示例子
缺點(diǎn)如下:
- 學(xué)習(xí)曲線陡峭:雖然d3.js很酷,但是如果你需要快速去開發(fā)的話,可能使用d3.js會(huì)讓人很不舒服
- 瀏覽器支持: d3.js的瀏覽器支持不是很好,例如,不支持ie6,7,8,甚至ie9的支持也不是很完整,如果你需要服務(wù)不同的瀏覽器或者企業(yè)級(jí)別使用,可能不是一個(gè)好的選擇
- 標(biāo)簽管理:d3的標(biāo)簽管理比較麻煩,而其它類庫(kù)都自動(dòng)管理
- 導(dǎo)出圖形:其它類庫(kù)都可以方便的導(dǎo)出png,jpg,pdf等格式,但是d3需要額外的開發(fā)

Highcharts是另外一個(gè)非常流行的圖標(biāo)類庫(kù),除了基礎(chǔ)的圖表以外,它還包含了股票圖和地圖等等
優(yōu)點(diǎn)如下:
- 類庫(kù)大?。撼p量級(jí),并且性能非常好,支持所有瀏覽器,但對(duì)于不同設(shè)備性能不太一樣
- 社區(qū)支持:開源并且非商用免費(fèi),如果遇到問題,可以去stackoverflow和自帶論壇求教
- 價(jià)格: 初始價(jià)格對(duì)于個(gè)人開發(fā)者或者小團(tuán)隊(duì)來說價(jià)格很低
- 瀏覽器支持: 對(duì)于highcharts來說,這絕對(duì)是一個(gè)優(yōu)點(diǎn),老式瀏覽器和現(xiàn)代瀏覽器都支持的非常好
缺點(diǎn)如下:
- 個(gè)人支持:主要問題是個(gè)人支持, 一般的問題好解決,但是一旦遇到了關(guān)鍵問題,個(gè)人支持非常有限
- 支持圖形: 支持圖形相對(duì)于fusioncharts來說,比較少
在線代碼及演示:http://www./gb/rtreplayerpreview/979.htm

很牛X的圖表類庫(kù),基本世界500強(qiáng)大部分都在使用, 提供了不同的包: 圖標(biāo), 組件,地圖等等,你可以購(gòu)買自己需要滴
優(yōu)點(diǎn)如下:
- 支持不同類型圖表: 如果需要各種類型圖標(biāo), Fusioncharts都沒有問題,提供了90多種圖表和965種地圖,很多你能想到的視覺圖形都有
- 自定義并且有實(shí)際例子:自定義非常簡(jiǎn)單,包含了很多直接可以使用的例子。 并且擁有很大的庫(kù)
- 封裝器和插件: 提供了官方的封裝器和插件,所以有非常好的支持
- 瀏覽器和設(shè)備支持: 支持所有瀏覽器(IE6)和設(shè)備
- 高級(jí)特性: 提供了很多高級(jí)特性,宏,可編輯圖表
- 個(gè)人支持:得到的支持非???/li>
缺點(diǎn)如下:
- 體積: 非常重,如果是基于web的應(yīng)用會(huì)成問題,但是App會(huì)好些
- 價(jià)格: 價(jià)格相對(duì)于前面有些貴,如果你比較關(guān)心價(jià)格,可能考慮前面的更好
在線代碼及演示: http://www./gb/rtreplayerpreview/980.htm
除了上面的頂級(jí)類庫(kù),國(guó)產(chǎn)百度的echart ,也不錯(cuò),而且母語(yǔ)文檔和支持,使用也是非常方便,雖然功能相對(duì)于上面的頂級(jí)圖表來說還相對(duì)較弱,大家可以自己衡量利弊,感謝閱讀~~
尊重我們的干貨,請(qǐng)留下您的高水平發(fā)言~~~ ^_^
|