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

六月 16, 2015

評論 (2)

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圖表插件，歡迎在下方留言處分享給大家：)

推薦：查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com

交流：結交更多有才華的設計師？請加入UI設計QQ群，與50000名設計師交流設計。

贊助商鏈接

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。

版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。

斷天涯大蝦 -

2016 年 11 月 06 日 下午 8:47

不錯不錯，如果也包含了FlexChart圖表控件的介紹，就更好了

Win7en樂園 -

2015 年 06 月 17 日 上午 10:49

學習了哈！

{ 發表評論 }

姓 名 (必填)

郵 件 (必填)

網 站

總結

以上是生活随笔為你收集整理的sparklines插件_21个实用的Javascript数据图表插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。