echarts

• 評價: 5星（國產組件，達到這種高度，不多）
• 官網: ECharts
• 說明: ECharts，一個純 Javascript 的圖表庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的 Canvas 類庫 ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果，並且對移動端做了深度的優化。
• 教程: http://echarts.baidu.com/tutorial.html#ECharts 特性介紹
• demo: ECharts Examples
• 源碼: ecomfe/echarts
• 基於各種語言的例子：ecomfe/echarts

rickshaw

• 官網:
  • http://code.shutterstock.com/rickshaw/ 這個地址不翻牆，打不開
  • shutterstock/rickshaw
• 說明: Rickshaw 是一個用於繪製時序圖的簡單 jS 庫，基於 Mike Bostock』s delightful D3 庫構建
• demo: shutterstock/rickshaw

sparkline

• 官網:
  • jQuery Sparklines
  • Interactive JavaScript charts for your webpage
• 說明: sparkline是一類信息體積小和數據密度高的圖表。目前它被用作一些測量，相關的變化的信息呈現的方式，如平均溫度，股市交投活躍。sparkline常常以一組多條的形式出現在柱狀圖，折線圖當中。
• Demo: Sparkline charts

flot-chart

• 官網: http://www.flotcharts.org/
• 說明: Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
• Demo: http://www.flotcharts.org/flot/examples/
• 學習資源
  • Flot chart types - jQuery Flot Tutorial
• 源碼: flot/flot
• 實例源碼: flot/flot

easypiechart

• 官網: rendro/easy-pie-chart
• 說明:EASY PIE CHART是一個輕量級的jQuery插件，主要用來渲染和製作漂亮的餅圖及動畫效果，基於與HTML5的canvas元素。
• Demo: rendro/easy-pie-chart

Chart.js

• 官網:Open source HTML5 Charts for your website
• 說明: Chart.js是一個基於HTML5 canvas技術的開源圖表繪製工具庫。Chart.js簡化了在網站上繪製動態圖表的工作。
• 文檔: Chart.js | Documentation
• 中文文檔: Chart.js 中文文檔

Knob Charts

• 官網: jQuery Knob
• 說明: 一款生成超酷的旋鈕特效的工具庫
• Demo: jQuery Knob demo

morris.js

• 官網: http://morrisjs.github.io/morris.js/
• 說明: Morris.js 是一個輕量級的JS庫，用來生成各種時序圖和區域圖
• 源碼: morrisjs/morris.js
• Demo: morrisjs/morris.js

微信公眾號：關注「撈猴」

路漫漫兮修遠，you can you up丨撈猴