10款強大的開源 Javascript 圖表庫

一、EChartshtml

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

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

圖片1

圖片2

二、Chart.jsw2222canvas

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

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

圖片3

三、jqPlot工具

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

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

圖片5

圖片6

四、Chartist.js動畫

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

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

圖片7

圖片8

五、xCharts

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

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

圖片9

六、C3.js

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

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

圖片10

七、Pizza Pie Charts

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

圖片11

八、Protovis

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

圖片12

九、Flot

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

圖片13

十、Dygraphs

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

 

圖片14

慧都控件網

智慧認知長圖

相關文章
相關標籤/搜索