推薦10款免費而優秀的圖表插件

開發人員不少時候須要使用圖表來表現一些數據，而一張圖表每每可以比幾行密密麻麻的數字表格更能直觀地展現數據內容。隨着Web技術的發展，從傳統只能依靠於flash、IE的vml，各個瀏覽器尚不統一的svg，到現在規範統一的canvas、svg爲表明的html5技術，表現點、線、面要素的技術已經愈來愈規範成熟。我在本篇文章中收集了10款免費開源且比較優秀的圖表製做插件，以供各位參考。

1，ichartjs(國產)

    ichartjs是一款優秀的國產開源插件，做者是王鶴，英文名taylor，畢業於南昌大學軟件工程專業。

    ichartjs 是一款基於HTML5的圖形庫。使用純javascript語言, 利用HTML5的canvas標籤繪製各式圖形。 ichartjs致力於爲您的應用提供簡單、直觀、可交互的體驗級圖表組件。是WEB/APP圖表展現方面的解決方案 。若是你正在開發HTML5的應用，ichartjs正好適合您。 ichartjs目前支持餅圖、環形圖、折線圖、面積圖、柱形圖、條形圖。ichartjs是基於Apache License 2.0協議的開源項目。

2，echarts(國產)

    Echarts是百度前端團隊作的基於html5-canvas的開源圖表繪製組件。

幾個特性以下：

    拖拽重計算：拖拽重計算特性（專利）帶來了數據統計圖表從未有過的用戶體驗，容許用戶對統計數據進行有效的提取、整合，甚至在多個圖表間交換數據，賦予了用戶對數據進行挖掘、整合的能力。

    大規模數據模式：如何展示成千上百萬的數據？貌似除了用專業的統計工具（如MATLAB）外別無選擇？不，在擁有衆多交互特性下ECharts依然能夠作到直角系圖表（折、柱、散點、K線）20萬數據秒級出圖。

    值域漫遊：基於座標的圖表（如地圖、散點圖）經過色彩變化表現數值的大小能直觀形象的展現數據分佈。但如何聚焦到我所關心的數值上？ECharts擁有值域漫遊的功能，讓你能夠輕鬆進行數值篩選。

3，Loongchart(國產)

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

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

     LoongChart官網有一個比較貼心的功能，它支持在線修改選項和查看選項，並能夠實時顯示修改選項後的效果。若是用戶找到合適的選項，就能夠直接查看實時選項並複製到本身的項目中，很是方便。

4，Chart.js

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

  5，Jqplot

    一個至關古老而「堅挺」的圖表插件，支持現代瀏覽器和IE7，IE8（和LoongChart同樣，拋棄IE6了）。

  6，gRaphaël

     支持現代瀏覽器，以及IE6.0+，兼容性至關不錯。

  7，RGraph

     支持現代瀏覽器， 兼容IE七、IE8。

8，CanvasXpress

    支持至關多類型的圖表，API也至關齊全。

  9，AwesomeChartJS

     支持的圖形類型相對來講不是不少。

10，Dygraphs

    dygraphs is a fast, flexible open source JavaScript charting library.

Features：
    Handles huge data sets: dygraphs plots millions of points without getting bogged down.
    Interactive out of the box: zoom, pan and mouseover are on by default.
    Strong support for error bars / confidence intervals.
    Highly customizable: using options and custom callbacks, you can make dygraphs do almost anything.
    dygraphs is highly compatible: it works in all major browsers (including IE8). You can even pinch to zoom on mobile/tablet devices!
    There's an active community developing and supporting dygraphs.