21個實用的Javascript數據圖表插件

Sponsor

今天主要和大家分享一些統計圖表相關的JS插件，圖表通常用在網站后臺界面，作為一種可視化數據形式展示，能讓用戶直觀的查看統計信息，然而圖表在WEB上實現是比較復雜的，特別有些要實現移動端顯示，這樣的前端代碼編寫難度較高，所以如果能使用一些圖表庫就方便多了。

在本文我們精選了21個優秀的Javascript數據圖表插件，支持很多不同類型的圖表庫，而且多數是開源代碼，可以免費使用，值得前端人員收藏。

Chartist.js

Chartist 是一個響應式圖表庫，支持桌面和移動平臺使用，支持CSS動畫，但兼容性需要在IE9以上，其它流行的瀏覽器一般都兼容了。 版權:?免費使用

在線演示&下載

ECharts

ECharts，縮寫來自Enterprise Charts，商業級數據圖表，一個純Javascript的圖表庫，可以流暢的運行在PC和移動設備上，兼容當前絕大部分瀏覽器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底層依賴輕量級的Canvas類庫ZRender，提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗，賦予了用戶對數據進行挖掘、整合的能力。

支持折線圖（區域圖）、柱狀圖（條狀圖）、散點圖（氣泡圖）、K線圖、餅圖（環形圖）、雷達圖（填充雷達圖）、和弦圖、力導向布局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表，同時提供標題，詳情氣泡、圖例、值域、數據區域、時間軸、工具箱等7個可交互組件，支持多圖表、組件的聯動和混搭展現。

在線演示&下載

FusionCharts

版權: 免費個人使用，商業用途需付費

在線演示&下載

Dygraphs

要在IE8以上才能正常瀏覽 版權:免費使用

在線演示&下載

Chart.js

Chart.js 是一個輕量的圖表庫，大小只有11KB，圖表設計簡約，速度快，如果用于一些小型數據展示，我想這個很適合。 版權:?免費使用

在線演示&下載

Google Charts

在線演示&下載

Highcharts

? 版本：個人免費使用，商業用途需付費 ?

在線演示&下載

Flot

版權：免費使用

在線演示&下載

D3.js

版權：免費使用

在線演示&下載

n3-charts

版權：免費使用

在線演示&下載

NVD3

版權：免費使用

在線演示&下載

Ember Charts

版權：免費使用

在線演示&下載

jQuery Sparklines

版權：免費使用

在線演示&下載

Sigma.js

版權：免費使用

在線演示&下載

Morris.js

版權：免費使用

在線演示&下載

Cytoscape.js

版權：免費使用

在線演示&下載

C3.js

版權：免費使用

在線演示&下載

Rickshaw

版權：免費使用

在線演示&下載

Cubism.js

版權：免費使用

在線演示&下載

Plottable.js

版權：免費使用

在線演示&下載

Canvas.js

版權：免費個人使用，商業需付費

在線演示&下載

如果有更好的Javascript圖表插件，歡迎在下方留言處分享給大家：）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。