亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

2018年最佳JavaScript數(shù)據(jù)可視化和圖表庫

archieyang / 3690人閱讀

摘要:它有什么圖表加粗文字如何使用這個圖表庫可以通過存儲庫下載或通過包管理器安裝。數(shù)據(jù)可以直接從文件加載到圖表中。它有什么圖表如何使用該庫可在包管理器和他們自己的內(nèi)容傳送網(wǎng)絡(luò)中使用。該庫專為風格的數(shù)據(jù)可視化而設(shè)計,提供一系列高度可配置的圖表。

現(xiàn)在有很多圖表庫,但哪一個最好用?這可能取決于許多因素,如業(yè)務(wù)需求,數(shù)據(jù)類型,圖表本身的目的等等。在本文中,每個JavaScript圖表庫將與一些關(guān)鍵因素進行比較,包括圖表類型,商業(yè)或免費和開源狀態(tài)。這些圖表庫通過實踐經(jīng)驗從而進行了徹底的分析,以最大限度地進行最佳比較。

1. React-Vis

ReactJS是Facebook團隊所創(chuàng)作的令人驚喜的前端框架。如果你已經(jīng)在使用React了,那么你會很高興得知這個庫是專門為React框架而制作的。React-vis帶有易于包裝的可視化react-components,可供您使用。有超過10個圖形組件,可以快速開發(fā)并將該庫集成到數(shù)據(jù)豐富的環(huán)境中。

特點

API數(shù)據(jù)注入。

優(yōu)雅的過渡。

以canvas或SVG呈現(xiàn)。

注釋功能。

工具提示。

誰可以免費使用它?

商業(yè)

教育

個人

它是開源的?

該庫已經(jīng)由其社區(qū)在GitHub上開發(fā)。此外,它在MIT許可下注冊,這意味著您可以fork,甚至幫助開發(fā)。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

這個基于反應(yīng)的圖表庫可以通過GitHub存儲庫下載或通過NPM包管理器安裝。請參閱以下鏈接并查看文檔。

Download React-vis source files on GitHub.

Documentation & getting started.

2. AmCharts

AmCharts在滿足每個數(shù)據(jù)可視化需求方面非常徹底。它們幾乎可以設(shè)想每種類型的圖表,隨時可以填充有意義的數(shù)據(jù)。該庫擁有大量示例展示的功能,涵蓋了許多圖形類型和自定義。

但是,有一個小缺點,要在商業(yè)環(huán)境中使用,您必須購買許可證。AmCharts正在準備發(fā)布他們令人難以置信的庫的第4版,你可以從中看到一些例子 ,查看案例

顯著特點

現(xiàn)代化的圖形設(shè)計。

廣泛的文檔,附帶知識庫和技巧和提示。

能夠?qū)С龅紼xcel或PDF文檔。

移動端適配

工具提示和注釋。

這個庫的網(wǎng)站的另一個優(yōu)秀特色是他們公開使用的“在線圖表制作者”。它與JSFiddle高度相似,可讓您即時預(yù)配置圖表,分別了解它們的外觀和工作方式。界面甚至允許您使用自己的數(shù)據(jù)填充實時數(shù)據(jù)表,最后,當您對樣式感到滿意時,您可以保存代碼以在您自己的項目中使用。請參閱下圖,查看AmCharts在線編輯器的示例。

誰可以免費使用它?

教育(有水印鏈接)

個人(帶水印鏈接)

商業(yè)用途

直接從AmCharts購買許可證,他們有一系列購買選擇,包括根據(jù)購買的許可證的倍數(shù)進行額外折扣。

它是開源的?

不,遺憾的是,但是,它仍然可以免費使用,并在圖表的左上角突出顯示一個小鏈接。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

加粗文字如何使用?

這個圖表庫可以通過GitHub存儲庫下載或通過NPM包管理器安裝。請參閱以下鏈接并查看文檔。

Downloads

Purchase Licenses.

Online-chart editor

Online-chart editor

3. Fusion Charts

這個免費和優(yōu)質(zhì)的圖表庫一共有90多個圖表數(shù)組,可以完美地呈現(xiàn)所有數(shù)據(jù)可視化目的。FusionCharts提供一個免費的試用版,如果你不介意水印的話,它將永遠免費用于個人和教育目的。在這里,通過一些預(yù)先設(shè)計好的指示板,查看一些正在運行的圖表的優(yōu)秀演示。這些指示板讓您真正了解它們在一些實際應(yīng)用程序中的外觀。

該庫還具有大量的地圖,其中包含一些高級功能,這些功能對某些數(shù)據(jù)場景非常有用。這些非常值得一試!

特點

一系列的demo案例供參考

回歸和趨勢線功能。

提供3D圖表。

可以單擊鏈接的圖表以呈現(xiàn)新數(shù)據(jù)。

該庫的另一個熱門功能是在JSFiddle演示中查看每個圖表的選項。這可以實現(xiàn)即時調(diào)整和播放,是一個很好的工具,可以幫助您學(xué)習(xí)這個庫。chart fiddles 頁面允許您按圖表類型,某些功能和元素進行過濾,從而可以快速定位作業(yè)所需的圖表。

誰可以免費使用它?

教育(帶水?。?/p>

個人(帶水?。?/p>

商業(yè)用途

如果您想在商業(yè)廣告中使用此庫,您必須從FusionCharts購買許可證,許可證將打開所有限制并在特定圖表上發(fā)布水印。

它是開源的嗎?

不,這個特定的可視化庫不是開源的。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

首先,您需要注冊免費試用版或購買許可證,之后,可以通過框架過濾出令人驚嘆的文檔。例如,angular JS,React或Vue。請參閱以下鏈接。

下載/購買。下載源文件或使用Bower或NPM直接下載到您的項目。

文檔和入門

4. NVD3

NVD3提供了一套優(yōu)雅的可視化圖表,并仔細考慮了視覺設(shè)計。這些圖表不僅在您的網(wǎng)頁上看起來很棒,而且它們可以做他們想做的事情。與此列表中的其他庫相比,它相當小,有許多圖表不可用,但是,大多數(shù)常規(guī)圖形類型都存在。NVD3依賴于D3.JS庫,這是一個功能強大的可視化庫,在JavaScript圖表行業(yè)中占據(jù)主導(dǎo)地位。

NVD3的創(chuàng)造者也開啟了社區(qū)發(fā)展的可行性。憑借GitHub的強大功能,該庫仍然更新了新增功能和錯誤修復(fù)。

顯著特點

響應(yīng)性完美,當屏幕尺寸發(fā)生變化時,圖表會適應(yīng)并重新渲染以適應(yīng)屏幕。

快速的工具提示和圖表渲染。

折線圖取景器;精確分析數(shù)據(jù),能夠深入查看圖形數(shù)據(jù)的特定部分。

通過單擊圖例進行過濾以在圖表上顯示隱藏數(shù)據(jù)。

通過nvd3網(wǎng)站進行實時圖表編輯/測試。

引人注目的圖形設(shè)計。

現(xiàn)在這個圖表庫背后的社區(qū)發(fā)布了一個“全新api”,其中包含一個界面,可以在一個地方查看所有圖表演示。見這里。

誰可以免費使用它?

商業(yè)

教育

個人

是否開源?

是的,這個可視化庫是完全開源的Apache 2.0許可證。如果你能做出一些很好的補充,你甚至可以把自己置身于社區(qū)活躍的組織中。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

這個庫的一大優(yōu)點是它可以在CDNJS網(wǎng)絡(luò)上找到。這意味著您可以直接將直接元素添加到HTML頁面,并且可以加載庫,隨時可以使用。或者,您可以通過GitHub或主網(wǎng)站下載它。

從網(wǎng)站下載.

從GitHub存儲庫下載

CDNJS上的NVD3 & d3.js依賴 (Version 3.5.3 Recommended)

文檔和示例

5. Chart.JS

可用的最佳可視化軟件包的另一個有力競爭者是Chart.js。該庫只有8種基本圖表類型,可用于即興創(chuàng)作更少的不同類型。每個都是完全響應(yīng),但沒有其他一些過渡效果。其最新版本2.0的一個重要特性是通過華麗的CSS3過渡來“動畫一切”的功能,增強了您的可視化效果。

顯著特點

懸停在數(shù)據(jù)點上時向鼠標指針移動的神奇過渡工具提示。

按標簽過濾;單擊圖例以在圖表上顯示隱藏數(shù)據(jù)。

非數(shù)字Y軸,而是標簽。

通過折線圖插值輕松定制。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

Chart.js可視化庫完全開源,具有MIT許可證,可用于修改,分發(fā)和使用。源文件也可以在GitHub上“fork”。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

Chart.js提供了大量的文檔庫,包括有關(guān)安裝庫的精確說明。該庫可以使用Bower,NPM,jsDelivr快速安裝,甚至可以從CDNJS鏈接。或者,直接從GitHub Repo下載源文件。請參閱以下鏈接 -

Getting Started

Download source files

Documentation

6. High Charts

High Charts被世界各地的一些公司使用,包括Facebook,IBM,MasterCard和StackOverflow。該庫基本上包含了您可能需要的每個圖表,它甚至提供了一系列不同的活動風格的儀表圖表,速度計甚至電表式儀表。它可能是有關(guān)可用圖表類型的最先進的庫,但當然,這需要商業(yè)用途。

顯著特點

針對響應(yīng)式設(shè)計和觸摸設(shè)備進行了優(yōu)化。

能夠使用大數(shù)據(jù)。

在懸停上渲染工具提示是非??焖俚?。

能夠注釋圖表。

數(shù)據(jù)可以直接從CSV文件加載到圖表中。

該庫的另一個令人難以置信的功能是免費編輯器界面。此接口允許客戶端用戶從頭到尾設(shè)計和配置圖表,只要數(shù)據(jù)已準備好加載即可。這意味著客戶可以準確選擇他們想要查看的圖表。它甚至可以自定義為圖表系列和文本的字體系列和顏色。

對誰免費開放?

教育

個人

商業(yè)用途

對于商業(yè)用途,您必須從HighCharts網(wǎng)站購買許可證。每個許可證都有12個月的免費高級支持。

是否是開源?

是的,令人興奮的是,如果您使用正確的許可證,創(chuàng)作者已經(jīng)向庫發(fā)出了修改許可。例如,如果您購買了許可證,則可以對其進行修改以滿足特定需求。如果您免費使用它作為個人項目,您仍然可以修改它!

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

通過網(wǎng)站下載源文件。

Download/Purchase.

Documentation & Getting Started

7. ToastUI Charts

ToastUI能夠在IE8上正常魚腥。他們的圖表在Internet Explorer 8和Chrome上的工作方式相同,這非常了不起。與此列表中的其他一些相比,ToastUI圖表庫相對較新。

特點

真正的跨瀏覽器渲染。這些圖表適用于所有主流瀏覽器和IE8!

每個圖表都內(nèi)置了美麗的過渡。

導(dǎo)出為.JPG或.PNG功能。

通過圖表底部的勾選框可以輕松過濾數(shù)據(jù)。

從屏幕上的html表加載數(shù)據(jù)。

誰可以免費使用?

商業(yè)

教育

個人

是否是開源?

對對對!ToastUI完全免費使用和開源。它帶有自己的GitHub存儲庫,可以進行分叉或下載。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

該庫可在NPM包管理器和他們自己的內(nèi)容傳送網(wǎng)絡(luò)中使用?;蛘撸梢韵螺d源文件并查看包含以下鏈接的文檔。

Download/Purchase.

Documentation & Getting Started

CDN Links

8. JustGage

該庫專為Gauge風格的數(shù)據(jù)可視化而設(shè)計,提供一系列高度可配置的Gauge圖表。并且,因為它純粹基于SVG,所以Gauges可以從Internet Explorer 6開始渲染!當然,它也適用于大多數(shù)其他流行的瀏覽器。雖然這個庫只有一種圖表類型,但對于一些解決方案來說它可以很方便。從制造儀表板到實時天氣報告。

特點

支持IE6

完全響應(yīng)。

可配置的“間隔”指定圖表部分的顏色,例如,以亮綠色渲染的0-30。

優(yōu)雅的可定制指針。

實時刷新。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

JustGage是通過MIT許可證完全開源的。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

JustGage依賴Raphael 來實現(xiàn)。兩個JustGage JavaScript源都可以從CDNJS網(wǎng)絡(luò)中獲取或直接從GitHub存儲庫下載。我還用這個庫寫了一篇關(guān)于創(chuàng)建計量表的文章。

在GitHub上下載源文件.

JustGage入門.

9. DC.js – Dimensional Charting

通過單擊一個圖上的特定數(shù)據(jù)點,其他人使用新數(shù)據(jù)進行更新,維度圖表非常精彩。DC使用一個名為crossfilter的優(yōu)秀JavaScript庫來實現(xiàn)這些動態(tài)可視化。

但是這個庫有一個缺點,它不擅長使用的遠程鏡頭。要使用這些圖表,建議您查看文檔并研究一些可用的示例。

顯著特點

使用CrossFilter.js和D3.js

多維數(shù)據(jù)過濾。

美麗的過渡圖表。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

該庫是通過Apache 2.0許可證完全開源的。這一點特別棒,因為這個庫如何適應(yīng)D3.js制作的圖表都有很大的空間。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

在GitHub上查看存儲庫頁面,獲取有關(guān)使用此庫進行設(shè)置的許多有用鏈接。另外,請參閱下面的一些鏈接。

Download source files on GitHub.

Getting started and how to guide.

10. PlottableJS

Plottable是依賴于復(fù)雜的D3.js數(shù)據(jù)可視化庫的另一組圖表。有六種不同的圖表類型可供選擇,您可以立即啟動和運行。Plottable提供了一個很好的API文檔庫,深入介紹了所使用的類和方法。毫無疑問,這是一個完善的基礎(chǔ)。完全開源,您可以根本自定義它以滿足您的需求。

顯著特點

深入的API。

關(guān)于在圖表中使用“插件”的教程。

基于SVG

‘Drag’ 或 ‘Highlight’可視化的某些區(qū)域

對誰是免費?

商業(yè)

教育

個人

是否是開源?

是的,Plottable是免費的,開源的,可以隨時用于任何項目。它可以用來創(chuàng)造更高級的東西。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

使用這個開源產(chǎn)品,訪問他們的網(wǎng)站,您將找到匹配的源文件和文檔?;蛘撸梢詮膶S玫腉itHub存儲庫中獲取源文件。

PlottableJS.

GitHub Source.

Documentation.

11. C3.JS

關(guān)于這個庫的一件非??岬氖虑槭莿?chuàng)作者在C3.JS的主頁上添加了一個視覺交互式演示。在觀看的同時,您可以開始了解它可以做什么以及它有多強大。除此之外,還要享受愉悅的設(shè)計。它可能是唯一一個展示這樣的數(shù)據(jù)可視化庫的類型,其他人也應(yīng)該加入這種方法。C3提供將實時數(shù)據(jù)API無縫集成到其圖表中。圖表更新了過渡大師班,非常容易讓人眼前一亮??偟膩碚f,C3是一種打包資源,可以在幾分鐘內(nèi)為您的網(wǎng)絡(luò)應(yīng)用程序帶來精美的可視化效果。

顯著特點

豐富的教程和文檔。

移動端響應(yīng)。

工具提示集成。

可過濾的數(shù)據(jù)系列。

可轉(zhuǎn)換 - 使用提供的內(nèi)置腳本輕松切換圖表類型。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

JustGage是通過MIT許可證完全開源的。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

C3提供了入門指南,指導(dǎo)如何使用項目進行基本庫設(shè)置。使用以下鏈接下載源文件。

Download source files on GitHub.

Getting started with C3.

12. n3Charts

n3圖表專門用于AngularJS框架。這意味著您可以快速設(shè)置Angular項目中的新圖表,而無需進行正確的編碼。N3提供了各種各樣的交互式圖表,可以使用標準化的JSON繪制出來。版本2最近發(fā)布了新的性能更新,重新設(shè)計的樣式和更光滑的過渡。

顯著特點

專為AngularJS無縫工作而設(shè)計。

工具提示功能。

Line interpolation控制。

區(qū)域填充效果。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

免費用于所有目的和開源。最新版本2已經(jīng)與MIT許可證一起發(fā)布。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

C3提供了入門指南,指導(dǎo)如何使用項目進行基本庫設(shè)置。使用以下鏈接下載源文件。

Download source files on GitHub.

Getting started with C3.

13. DyGraphs

DyGraphs非常適合制造和工程控制儀表板。借助多圖同步功能,這些圖表可以捕獲大量數(shù)據(jù)分析。這個基于折線圖的庫在任何頁面上看起來都很優(yōu)雅,突出顯示的區(qū)域既有意義又美觀。DyGraphs畫廊涵蓋了一系列動手資源和學(xué)習(xí)指南。與JSFiddle聯(lián)系以盡快啟動。

特點

線性回歸。

跨多個圖表同步。

縮放功能。

突出顯示的地區(qū)。

功能強大,為大數(shù)據(jù)做好準備。

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

是的,根據(jù)MIT許可,DyGraphs是免費的開源軟件。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

C3可以通過GitHub上的repo下載,也可以通過NPM等包管理器安裝?;贓S6的用戶也有一個新的存儲庫,它預(yù)先設(shè)置了帶有ES6語法的庫的工作示例。

Download standard source files on GitHub.

Download ES6 source files on GitHub.

Example gallery with JsFiddles.

Getting started with DyGraphs.

14. Google Charts

Google不僅提供通用圖形樣式圖表,還提供了組織,樹形圖和儀表等風格的進一步數(shù)據(jù)可視化技術(shù)。對于想要離線使用它的人來說,它有一個小小的缺點,因為它的API只能通過互聯(lián)網(wǎng)連接使用。

顯著特點

這個非常令人興奮的圖書館有許多很酷的功能,你不會在其他地方看到。其中一些功能包括

數(shù)據(jù)注釋或數(shù)據(jù)角色,它基本上允許您標記特定圖表中的靜態(tài)點。

跨圖表的動畫。

完全控制數(shù)據(jù)點,能夠?qū)Ⅻc變形為任意形狀。

您目前是否將數(shù)據(jù)存儲在Google表格或Fusion表格中?沒問題,用強大的Google API攝取數(shù)據(jù)并將數(shù)據(jù)直接注入可視化,它甚至可以與Sales Force界面集成,這對于想要從他們的數(shù)據(jù)制作儀表板的企業(yè)來說是一個額外的好處。

我寫了一篇名為什么是谷歌圖表的文章,深入解釋了這個庫的功能。或者從中了解更多

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

不,遺憾的是,互聯(lián)網(wǎng)巨頭的圖表庫并不是開源的,但是,如果你對此不介意,那么你很幸運。但請記住,它不是開源的并不意味著它不能免費使用。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

開始使用Google圖表非常簡單,它對API通俗易懂,并提供了許多圖表的實例。

Get started

Documentation

15. LeafletJs

Leaflet是交互式地圖的第一站。它精美的渲染直觀地圖是一個夢想。開始使用庫就像傳遞一組地理坐標和縮放規(guī)范級別一樣簡單。LeafletJS完全適合移動設(shè)備,在您的設(shè)備上呈現(xiàn)像素完美。它甚至支持包括Internet Explorer 7在內(nèi)的傳統(tǒng)瀏覽器。這個基于地圖的庫可用于大量創(chuàng)意,F(xiàn)acebook和Pinterest等大公司也已經(jīng)在使用它們。

顯著特點

地圖控件

縮放/旋轉(zhuǎn)/縮放

Bubble 彈出窗口

自定義指針或標記

事件跟蹤

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

是的,Leaflet地圖是開源的。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

開始使用Google圖表非常簡單,獲取設(shè)置的文檔很容易理解,并提供了許多屏幕上圖表的實例。

Source Files

Leaflet JS Extension

Getting started & documentation

16. VisJs

VisJS可能看起來過時,但不要被它的外表蒙蔽了。毫無疑問,這個庫非常強大,具有三維圖表繪制功能,可以與一系列技術(shù)一起使用。Vis已被制作出來,可以無縫地渲染龐大的數(shù)據(jù)集。請參見他們的示例庫[here](http://visjs.org/showcase/ind...)。

特點

二維和三維能力。

為重型數(shù)據(jù)集做好準備。

縮放,滾動和排序功能。

Interpolation 控制

誰可以免費使用它?

商業(yè)

教育

個人

是否是開源?

VIS根據(jù)兩個開源許可證授權(quán),即Apache和MIT。這個庫背后的團隊正積極尋找貢獻者,以幫助進一步發(fā)展。

它有什么圖表?

| Bar | Multi Bar | Stacked Bar | Pie | Donut | Line | Multi Line | Annotation | Area | Bubble | Pyramid | Funnel | Marimekko | Scatter | Candlestick | Gant | Gauge | Geo/Map | TreeMap | Bullet | Spark | Heat | Radar |

如何使用?

您可以通過鏈接到CDNJS鏈接,通過NPM安裝或直接下載源文件來快速使用VisJS。

Download & Install

Documentation

比較一下吧

讓我們看看這些圖表庫如何相互權(quán)衡。請參閱下面的數(shù)據(jù)表,希望能幫助您做出更容易使用的決定。

總結(jié)

JavaScript圖表世界中有很多機會,這些庫為偉大的想法提供了堅實的基礎(chǔ)。長長的數(shù)據(jù)可視化列表絕不是唯一可用的資源,您可以在Wikipedia的JavaScript庫比較上看到幾乎所有可用的庫。這種性質(zhì)的圖書館可以完成許多任務(wù),希望這些差異化的工具選擇能夠幫助您成功完成所需的數(shù)據(jù)分析。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/98811.html

相關(guān)文章

  • 2018最佳JavaScript數(shù)據(jù)視化圖表

    摘要:它有什么圖表加粗文字如何使用這個圖表庫可以通過存儲庫下載或通過包管理器安裝。數(shù)據(jù)可以直接從文件加載到圖表中。它有什么圖表如何使用該庫可在包管理器和他們自己的內(nèi)容傳送網(wǎng)絡(luò)中使用。該庫專為風格的數(shù)據(jù)可視化而設(shè)計,提供一系列高度可配置的圖表。 現(xiàn)在有很多圖表庫,但哪一個最好用?這可能取決于許多因素,如業(yè)務(wù)需求,數(shù)據(jù)類型,圖表本身的目的等等。在本文中,每個JavaScript圖表庫將與一些關(guān)鍵...

    terasum 評論0 收藏0
  • 2018最佳JavaScript數(shù)據(jù)視化圖表

    摘要:它有什么圖表加粗文字如何使用這個圖表庫可以通過存儲庫下載或通過包管理器安裝。數(shù)據(jù)可以直接從文件加載到圖表中。它有什么圖表如何使用該庫可在包管理器和他們自己的內(nèi)容傳送網(wǎng)絡(luò)中使用。該庫專為風格的數(shù)據(jù)可視化而設(shè)計,提供一系列高度可配置的圖表。 現(xiàn)在有很多圖表庫,但哪一個最好用?這可能取決于許多因素,如業(yè)務(wù)需求,數(shù)據(jù)類型,圖表本身的目的等等。在本文中,每個JavaScript圖表庫將與一些關(guān)鍵...

    dreambei 評論0 收藏0
  • StateOfJS: 2018JavaScript生態(tài)圈趨勢報告

    摘要:年的報告,總共有來自個不同的國家共多名開發(fā)者參與調(diào)查中國占總數(shù)的,共個開發(fā)者。今年的報告和前兩年不同,取消了部分。此比率較高的國家地區(qū)顯示為紅色,較低的國家地區(qū)顯示為藍色調(diào)查受訪者總數(shù)少于的國家地區(qū)將被省略。 前言 作為前端開發(fā)者,及時了解行業(yè)動態(tài)對我們的工作、學(xué)習(xí)方向起到至關(guān)重要的作用,畢竟知識太多,選擇對的學(xué)習(xí)方向才能既省力又能緊跟技術(shù)發(fā)展潮流。近期,StateOfJS發(fā)布了剛剛過...

    wemallshop 評論0 收藏0
  • StateOfJS: 2018JavaScript生態(tài)圈趨勢報告

    摘要:年的報告,總共有來自個不同的國家共多名開發(fā)者參與調(diào)查中國占總數(shù)的,共個開發(fā)者。今年的報告和前兩年不同,取消了部分。此比率較高的國家地區(qū)顯示為紅色,較低的國家地區(qū)顯示為藍色調(diào)查受訪者總數(shù)少于的國家地區(qū)將被省略。 前言 作為前端開發(fā)者,及時了解行業(yè)動態(tài)對我們的工作、學(xué)習(xí)方向起到至關(guān)重要的作用,畢竟知識太多,選擇對的學(xué)習(xí)方向才能既省力又能緊跟技術(shù)發(fā)展潮流。近期,StateOfJS發(fā)布了剛剛過...

    lsxiao 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<