三款頂級Javascript圖表圖形類庫介紹和比對
0
Javascript包含了很多開源并且免費的圖表類庫， 在今天這篇文章中，我們將介紹三款最頂級的Javascript圖表類庫，包括：
- D3.js
- Highcharts
- FusionCharts
D3.js
Mike Bostock開發的D3.js幾乎成為了數據可視化的代名詞，它基于現代瀏覽器標準，并且提供了圖形渲染的完整控制
優點如下：
- 優雅漂亮： 生成漂亮并且優雅的圖形圖表，絕對超越其它圖形類庫提供的圖形
- 輕量級：核心336k，壓縮后151k，適合開發高性能的應用
- 高度自定義：它并不提供一些直接使用的功能， 但是通過優化的數據操作，可以自定義出任何你想實現的效果
- 社區支持： 社區支持非常棒，包含了很多提問和解決方案（stackoverlow.com），任何需要解決的問題基本都可以完成的得到支持
- 很多超棒的例子： 包含了900多個精心設計的演示例子
缺點如下：
- 學習曲線陡峭：雖然d3.js很酷，但是如果你需要快速去開發的話，可能使用d3.js會讓人很不舒服
- 瀏覽器支持： d3.js的瀏覽器支持不是很好，例如，不支持ie6,7,8，甚至ie9的支持也不是很完整，如果你需要服務不同的瀏覽器或者企業級別使用，可能不是一個好的選擇
- 標簽管理：d3的標簽管理比較麻煩，而其它類庫都自動管理
- 導出圖形：其它類庫都可以方便的導出png，jpg，pdf等格式，但是d3需要額外的開發
Highcharts
Highcharts是另外一個非常流行的圖標類庫，除了基礎的圖表以外，它還包含了股票圖和地圖等等
優點如下：
- 類庫大小：超輕量級，并且性能非常好，支持所有瀏覽器，但對于不同設備性能不太一樣
- 社區支持：開源并且非商用免費，如果遇到問題，可以去stackoverflow和自帶論壇求教
- 價格： 初始價格對于個人開發者或者小團隊來說價格很低
- 瀏覽器支持： 對于highcharts來說，這絕對是一個優點，老式瀏覽器和現代瀏覽器都支持的非常好
缺點如下：
- 個人支持：主要問題是個人支持， 一般的問題好解決，但是一旦遇到了關鍵問題，個人支持非常有限
- 支持圖形： 支持圖形相對于fusioncharts來說，比較少
Fusioncharts
很牛X的圖表類庫，基本世界500強大部分都在使用， 提供了不同的包： 圖標， 組件，地圖等等，你可以購買自己需要滴
優點如下：
- 支持不同類型圖表： 如果需要各種類型圖標， Fusioncharts都沒有問題，提供了90多種圖表和965種地圖，很多你能想到的視覺圖形都有
- 自定義并且有實際例子：自定義非常簡單，包含了很多直接可以使用的例子。 并且擁有很大的庫
- 封裝器和插件： 提供了官方的封裝器和插件，所以有非常好的支持
- 瀏覽器和設備支持： 支持所有瀏覽器（IE6）和設備
- 高級特性： 提供了很多高級特性，宏，可編輯圖表
- 個人支持：得到的支持非常快
缺點如下：
- 體積： 非常重，如果是基于web的應用會成問題，但是App會好些
- 價格： 價格相對于前面有些貴，如果你比較關心價格，可能考慮前面的更好
除了上面的頂級類庫，國產百度的echart ，也不錯，而且母語文檔和支持，使用也是非常方便，雖然功能相對于上面的頂級圖表來說還相對較弱，大家可以自己衡量利弊，感謝閱讀~~
尊重我們的干貨，請留下您的高水平發言~~~ ^_^
kvhur
9年前提問