免費而優秀的圖表JS插件

1.百度的Echart

ECharts，縮寫來自Enterprise Charts，是百度推出的一款開源的，商業級數據圖表，它最初是爲了滿足百度公司商業體系裏各種業務系統（如鳳巢、廣告管家等等）的報表需求。

2.Highcharts

中文網站：http://www.hcharts.cn/

Highcharts是國外的一款功能強大、開源、美觀、圖表豐富、兼容絕大多數瀏覽器的純js圖表庫。Highcharts針對個人用戶及非商業用途免費，商業用途需要購買授權。

3.阿里的G2

G2(The Grammar Of Graphics) 是一個由純 javascript 編寫、強大的語義化圖表生成工具，它提供了一整套圖形語法，可以讓用戶通過簡單的語法搭建出無數種圖表，並且集成了大量的統計工具，支持多種座標系繪製，可以讓用戶自由得定製圖表，是爲大數據時代而準備的強大的可視化工具。

目前我使用過ECharts和Highcharts，我覺得Highcharts上手比較容易，而且文檔也比較好理解，百度的ECharts在這方面還需要努力。G2是朋友推薦的，還沒有用過。

 

3. Chart.js

Chart.js 是個簡單的，面向對象的客戶端圖形庫，用戶可以用 6 中不同的方式來可視化數據。每個方式都是動畫效果的，完全自定義，而且看起來非常好看，即使在 retina 顯示。它使用 HTML5 canvas 元素，支持所有現代瀏覽器，並且支持  IE7/8。

 

Flot

Flot 是受 Plotr 和 PlotKit 的 啓發，Ole Laursen 基於 jquery 開發了一個圖表繪製(WEB Chart)插件並命名爲 flot。 flot 是個純 JavaSript 庫，專注於簡單的使用方式，迷人的外觀和交互式特性。支持的瀏覽器有： Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

 

jFreeChart

JFreeChart  主要用來各種各樣的圖表，這些圖表包括：餅圖、柱狀圖(普通柱狀圖以及堆棧柱狀圖)、線圖、區域圖、分佈圖、混合圖、甘特圖以及一些儀表盤等等。JFreeChart 項目歷史悠

久，而且有大量的開發者在維護。

 

okaycharts

國內一家公司最近免費開放的js圖表庫，支持普通圖表，部分三維圖表和地圖。支持動態刷新，圖表縮放等交互。值得關注的是，還提供有圖表設計器，支持可視化設計並導出js代碼。效果比較不錯，並且免費。

   3，Loongchart(國產)

    LoongChart是一款基於HTML5-Canvas的開源信息圖表繪製組件，難能可貴的是該插件能夠兼容IE7、IE8，但動畫效果較差，靜態顯示效果基本滿足要求。

    有以下特點：
    純html5及Javascript，跨平臺，原生支持現代瀏覽器，兼容IE7、IE8，不依賴任何框架；
    支持多種常用繪圖類型；
    支持組合圖；
    支持核心代碼內的語言設定(用於錯誤提示)；
    支持動畫(可關閉)；
    支持皮膚設定以及自定義定製皮膚功能；
    部分圖形支持3D圖
    支持自定義繪圖；
    記錄最終繪製的圖形中的各元素位置、大小等信息，以供查詢；
    支持直接導出圖片(非全部均瀏覽器支持)；

     LoongChart官網有一個比較貼心的功能，它支持在線修改選項和查看選項，並可以實時顯示修改選項後的效果。如果用戶找到合適的選項，就可以直接查看實時選項並複製到自己的項目中，非常方便。

 

Chart.js

    小巧而輕便的的圖表插件，缺點是支持的圖形類型較少，數據交互功能也非常有限，但作者以後可能會逐漸完善。