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

terasum 發(fā)布于2019-08-02 11:51 / 1530人閱讀

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

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

1. React-Vis

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

特點(diǎn)

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

優(yōu)雅的過(guò)渡。

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

注釋功能。

工具提示。

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

它是開源的?

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

它有什么圖表?

如何使用?

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

Download React-vis source files on GitHub.

Documentation & getting started.

2. AmCharts

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

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

顯著特點(diǎn)

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

廣泛的文檔，附帶知識(shí)庫(kù)和技巧和提示。

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

移動(dòng)端適配

工具提示和注釋。

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

誰(shuí)可以免費(fèi)使用它？

教育（有水印鏈接）

個(gè)人（帶水印鏈接）

商業(yè)用途

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

它是開源的?

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

它有什么圖表？

加粗文字如何使用？

這個(gè)圖表庫(kù)可以通過(guò)GitHub存儲(chǔ)庫(kù)下載或通過(guò)NPM包管理器安裝。請(qǐng)參閱以下鏈接并查看文檔。

Downloads

Purchase Licenses.

Online-chart editor

3. Fusion Charts

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

該庫(kù)還具有大量的地圖，其中包含一些高級(jí)功能，這些功能對(duì)某些數(shù)據(jù)場(chǎng)景非常有用。這些非常值得一試！

特點(diǎn)

一系列的demo案例供參考

回歸和趨勢(shì)線功能。

提供3D圖表。

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

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

誰(shuí)可以免費(fèi)使用它?

教育（帶水印）

個(gè)人（帶水印）

商業(yè)用途

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

它是開源的嗎？

不，這個(gè)特定的可視化庫(kù)不是開源的。

它有什么圖表？

如何使用？

首先，您需要注冊(cè)免費(fèi)試用版或購(gòu)買許可證，之后，可以通過(guò)框架過(guò)濾出令人驚嘆的文檔。例如，angular JS，React或Vue。請(qǐng)參閱以下鏈接。

下載/購(gòu)買。下載源文件或使用Bower或NPM直接下載到您的項(xiàng)目。

文檔和入門

4. NVD3

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

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

顯著特點(diǎn)

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

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

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

通過(guò)單擊圖例進(jìn)行過(guò)濾以在圖表上顯示隱藏?cái)?shù)據(jù)。

通過(guò)nvd3網(wǎng)站進(jìn)行實(shí)時(shí)圖表編輯/測(cè)試。

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

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

誰(shuí)可以免費(fèi)使用它？

商業(yè)

教育

個(gè)人

是否開源?

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

它有什么圖表?

如何使用?

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

從網(wǎng)站下載.

從GitHub存儲(chǔ)庫(kù)下載

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

文檔和示例

5. Chart.JS

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

顯著特點(diǎn)

懸停在數(shù)據(jù)點(diǎn)上時(shí)向鼠標(biāo)指針移動(dòng)的神奇過(guò)渡工具提示。

按標(biāo)簽過(guò)濾;單擊圖例以在圖表上顯示隱藏?cái)?shù)據(jù)。

非數(shù)字Y軸，而是標(biāo)簽。

通過(guò)折線圖插值輕松定制。

誰(shuí)可以免費(fèi)使用它？

商業(yè)

教育

個(gè)人

是否是開源？

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

它有什么圖表?

如何使用？

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

Getting Started

Download source files

Documentation

6. High Charts

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

顯著特點(diǎn)

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

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

在懸停上渲染工具提示是非常快速的。

能夠注釋圖表。

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

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

對(duì)誰(shuí)免費(fèi)開放?

教育

個(gè)人

商業(yè)用途

對(duì)于商業(yè)用途，您必須從HighCharts網(wǎng)站購(gòu)買許可證。每個(gè)許可證都有12個(gè)月的免費(fèi)高級(jí)支持。

是否是開源?

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

它有什么圖表?

如何使用?

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

Download/Purchase.

Documentation & Getting Started

7. ToastUI Charts

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

特點(diǎn)

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

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

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

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

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

誰(shuí)可以免費(fèi)使用?

商業(yè)

教育

個(gè)人

是否是開源?

對(duì)對(duì)對(duì)！ToastUI完全免費(fèi)使用和開源。它帶有自己的GitHub存儲(chǔ)庫(kù)，可以進(jìn)行分叉或下載。

它有什么圖表?

如何使用?

該庫(kù)可在NPM包管理器和他們自己的內(nèi)容傳送網(wǎng)絡(luò)中使用。或者，您可以下載源文件并查看包含以下鏈接的文檔。

Download/Purchase.

Documentation & Getting Started

CDN Links

8. JustGage

該庫(kù)專為Gauge風(fēng)格的數(shù)據(jù)可視化而設(shè)計(jì)，提供一系列高度可配置的Gauge圖表。并且，因?yàn)樗兇饣赟VG，所以Gauges可以從Internet Explorer 6開始渲染！當(dāng)然，它也適用于大多數(shù)其他流行的瀏覽器。雖然這個(gè)庫(kù)只有一種圖表類型，但對(duì)于一些解決方案來(lái)說(shuō)它可以很方便。從制造儀表板到實(shí)時(shí)天氣報(bào)告。

特點(diǎn)

支持IE6

完全響應(yīng)。

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

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

實(shí)時(shí)刷新。

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

JustGage是通過(guò)MIT許可證完全開源的。

它有什么圖表?

如何使用?

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

在GitHub上下載源文件.

JustGage入門.

9. DC.js – Dimensional Charting

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

但是這個(gè)庫(kù)有一個(gè)缺點(diǎn)，它不擅長(zhǎng)使用的遠(yuǎn)程鏡頭。要使用這些圖表，建議您查看文檔并研究一些可用的示例。

顯著特點(diǎn)

使用CrossFilter.js和D3.js

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

美麗的過(guò)渡圖表。

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源？

該庫(kù)是通過(guò)Apache 2.0許可證完全開源的。這一點(diǎn)特別棒，因?yàn)檫@個(gè)庫(kù)如何適應(yīng)D3.js制作的圖表都有很大的空間。

它有什么圖表?

如何使用?

在GitHub上查看存儲(chǔ)庫(kù)頁(yè)面，獲取有關(guān)使用此庫(kù)進(jìn)行設(shè)置的許多有用鏈接。另外，請(qǐng)參閱下面的一些鏈接。

Download source files on GitHub.

Getting started and how to guide.

10. PlottableJS

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

顯著特點(diǎn)

深入的API。

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

基于SVG

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

對(duì)誰(shuí)是免費(fèi)?

商業(yè)

教育

個(gè)人

是否是開源?

是的，Plottable是免費(fèi)的，開源的，可以隨時(shí)用于任何項(xiàng)目。它可以用來(lái)創(chuàng)造更高級(jí)的東西。

它有什么圖表?

如何使用?

使用這個(gè)開源產(chǎn)品，訪問(wèn)他們的網(wǎng)站，您將找到匹配的源文件和文檔。或者，可以從專用的GitHub存儲(chǔ)庫(kù)中獲取源文件。

PlottableJS.

GitHub Source.

Documentation.

11. C3.JS

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

顯著特點(diǎn)

豐富的教程和文檔。

移動(dòng)端響應(yīng)。

工具提示集成。

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

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

誰(shuí)可以免費(fèi)使用它？

商業(yè)

教育

個(gè)人

是否是開源?

JustGage是通過(guò)MIT許可證完全開源的。

它有什么圖表?

如何使用?

C3提供了入門指南，指導(dǎo)如何使用項(xiàng)目進(jìn)行基本庫(kù)設(shè)置。使用以下鏈接下載源文件。

Download source files on GitHub.

Getting started with C3.

12. n3Charts

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

顯著特點(diǎn)

專為AngularJS無(wú)縫工作而設(shè)計(jì)。

工具提示功能。

Line interpolation控制。

區(qū)域填充效果。

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

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

它有什么圖表?

如何使用?

C3提供了入門指南，指導(dǎo)如何使用項(xiàng)目進(jìn)行基本庫(kù)設(shè)置。使用以下鏈接下載源文件。

Download source files on GitHub.

Getting started with C3.

13. DyGraphs

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

特點(diǎn)

線性回歸。

跨多個(gè)圖表同步。

縮放功能。

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

功能強(qiáng)大，為大數(shù)據(jù)做好準(zhǔn)備。

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

是的，根據(jù)MIT許可，DyGraphs是免費(fèi)的開源軟件。

它有什么圖表?

如何使用?

C3可以通過(guò)GitHub上的repo下載，也可以通過(guò)NPM等包管理器安裝。基于ES6的用戶也有一個(gè)新的存儲(chǔ)庫(kù)，它預(yù)先設(shè)置了帶有ES6語(yǔ)法的庫(kù)的工作示例。

Download standard source files on GitHub.

Download ES6 source files on GitHub.

Example gallery with JsFiddles.

Getting started with DyGraphs.

14. Google Charts

Google不僅提供通用圖形樣式圖表，還提供了組織，樹形圖和儀表等風(fēng)格的進(jìn)一步數(shù)據(jù)可視化技術(shù)。對(duì)于想要離線使用它的人來(lái)說(shuō)，它有一個(gè)小小的缺點(diǎn)，因?yàn)樗腁PI只能通過(guò)互聯(lián)網(wǎng)連接使用。

顯著特點(diǎn)

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

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

跨圖表的動(dòng)畫。

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

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

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

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

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

它有什么圖表?

如何使用?

開始使用Google圖表非常簡(jiǎn)單，它對(duì)API通俗易懂，并提供了許多圖表的實(shí)例。

Get started

Documentation

15. LeafletJs

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

顯著特點(diǎn)

地圖控件

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

Bubble 彈出窗口

自定義指針或標(biāo)記

事件跟蹤

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

是的，Leaflet地圖是開源的。

它有什么圖表?

如何使用?

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

Source Files

Leaflet JS Extension

Getting started & documentation

16. VisJs

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

特點(diǎn)

二維和三維能力。

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

縮放，滾動(dòng)和排序功能。

Interpolation 控制

誰(shuí)可以免費(fèi)使用它?

商業(yè)

教育

個(gè)人

是否是開源?

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

它有什么圖表?

如何使用?

您可以通過(guò)鏈接到CDNJS鏈接，通過(guò)NPM安裝或直接下載源文件來(lái)快速使用VisJS。

Download & Install

Documentation

比較一下吧

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

總結(jié)

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