10款強大的開源 Javascript 圖表庫

一、ECharts

ECharts 由百度前端技術部開發的，是一個純 Javascript 的圖表庫，能夠流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器(IE8/9/10/十一、Chrome、Firefox、Safari等)，底層依賴輕量級的 Canvas 類庫 ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。

ECharts 有良好的自適應效果，ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果，而且對移動端作了深度的優化。

二、Chart.jsw2222

Chart.js 是一個簡單、面向對象、爲設計者和開發者準備的 Javascript 圖表繪製工具庫，基於 HTML5 canvas 技術，支持全部現代瀏覽器，而且針對 IE7/8 提供了降級替代方案。

Chart.js 不依賴任何外部工具庫，輕量級(壓縮以後僅有4.5k)，而且提供了加載外部參數的方法。能用多種不一樣的方式讓數據變得可視化。

三、jqPlot

jqPlot 是一個很是強大的基於 jquery 類庫的 Javascript 圖表工具，可在網頁中繪製線狀、柱狀、餅狀等多種樣式圖表。

jqPlot 強大之處在於將內容呈現爲動態嵌入的靜態圖像，這意味着圖表數據能夠經過 Ajax 更新，甚至不須要刷新頁面。 某些圖表類型甚至具備懸停選項，可在懸停時顯示相關數據。

四、Chartist.js

Chartist.js 是一個使用 SVG 構建的簡單的響應式圖表庫，能夠做爲前端圖表生成器。一樣兼容當前絕大部分瀏覽器(IE8/9/10/十一、Chrome、Firefox、Safari等)。

Chartist.js 每一個圖表從大小到配色方案都是徹底響應和高度可定製的，依靠 SVG 將圖形做爲圖像動態地呈現到頁面上。徹底使用 SASS 構建，而且支持自定義。

五、xCharts

xCharts 是一個使用 D3.js 來構建漂亮的可定製的數據驅動的 JavaScript 圖表庫，使用 HTML、CSS、SVG 實現圖表，適用於熟悉數據可視化的用戶。

經過 xCharts 渲染的全部內容都有很強的適應性，在與數據交互時添加本身的動畫或緩動函數也較爲容易。

六、C3.js

C3.js 也是一個基於 D3.js 的可重用的開源 JavaScript 圖表庫。這意味着將數據圖表繪製到 HTML 頁面上的過程獲得簡化，不須要大量的自定義 D3 圖表代碼，也相對容易上手。

C3.js 全部的數據是徹底動態的，從工具到圖形顏色。它使用很是舒服，有充分的可定製性和控制性，支持多種圖表類型。

七、Pizza Pie Charts

Pizza Pie Charts 是由 ZURB 開發的一個知名的 JavaScript 庫，用於渲染基於 SVG 的餅圖。

八、Protovis

Protovis 使用簡單的標記(例如條形和點)組成數據的自定義視圖。 與一些低級圖形庫不一樣，Protovis 經過對數據進行編碼的動態屬性來定義標記，容許繼承、縮放和佈局來簡化構建。

九、Flot

Flot 是 jQuery 的純 JavaScript 圖表庫，專一於使用簡單，外觀漂亮和強互動功能。它是特定的 jQuery 庫，這意味着你須要使用它須要熟悉基礎的 jQuery。可是從另外一方面來講，這意味着你能夠全面控制呈現，動做和用戶交互。

十、Dygraphs

Dygraphs 也是一個基於 HTML5 canvas 的 JavaScript 圖表庫，能夠生成一個可交互式的，可縮放的的曲線表，能夠用來顯示大密度的數據集(好比股票、氣溫等等)，而且可讓用戶來瀏覽和解釋這個曲線圖。

 

慧都控件網