前端圖表庫

原文地址:https://mp.weixin.qq.com/s/bGmxT8eFOgS5JVAakgilJA

amCharts - 付費(fèi)

image

amCharts是JavaScript圖表庫之一,當(dāng)您需要一個簡單且同時靈活的數(shù)據(jù)可視化解決方案時,它們非常有用。

主要特點(diǎn)

  • 相當(dāng)多的圖表類型,包括地圖和甘特圖。

  • 深入分析功能以及其他出色的交互選項(xiàng)。

  • 包含所有需要的方法的文檔都寫得很好,但從我的角度來看,使用起來并不方便。

  • 很棒的圖表動畫。

  • 可與React、Angular、Vue和Ember集成。

  • WordPress插件可用。

  • 導(dǎo)出為圖像或PDF。

  • 實(shí)時圖表、完全自定義和W3C認(rèn)可的輔助功能。

  • 客戶:微軟、亞馬遜、eBay、NASA、三星、Yandex、AT&T等。

AnyChart -付費(fèi)

image

AnyChart是一個健壯、輕量級、功能豐富的JS圖表庫,在SVG/VML中呈現(xiàn)。實(shí)際上,它為Web開發(fā)人員提供了創(chuàng)建不同圖表的大好機(jī)會,這些圖表將幫助他們進(jìn)行數(shù)據(jù)分析并做出數(shù)據(jù)驅(qū)動的決策。

主要特點(diǎn)

  • 超過80種JS圖表類型,包括基本圖表,股票圖表,地圖,以及甘特圖和PERT圖表。

  • 設(shè)置數(shù)據(jù)的方法有很多種:XML,JSON,CSV,JS API,Google表格和HTML表格。

  • 深入查看圖表數(shù)據(jù)。

  • 現(xiàn)成的技術(shù)分析指標(biāo)和繪圖工具(注釋)。

  • 豐富的文檔,API和支持。

  • 可以與Angular,Qlik,Oracle APEX,React,Elasticsearch,Vue.js,Android,iOS等集成。

  • 許多示例和儀表板,以及一個專用的具有代碼自動完成功能的操場。

  • 舊的瀏覽器支持。

  • 將圖表導(dǎo)出為各種格式,包括PDF,JPG,PNG或SVG圖像,XSLX或CSV文件中的圖表數(shù)據(jù)。

  • 客戶:甲骨文、微軟、花旗、三星、諾基亞、AT&T、福特、大眾、洛克希德馬丁等。

Chart.js

image

Chart.js是一個簡單但非常靈活的數(shù)據(jù)庫JavaScript庫,在網(wǎng)頁設(shè)計師和開發(fā)人員中很受歡迎。對于那些不需要大量圖表類型和自定義功能,但希望其圖表一目了然、清晰和信息豐富的人來說,清晰和信息豐富的人來說,這是一個很好的基本解決方案。

主要特點(diǎn)

  • 8種圖表類型:線條、區(qū)域、條形圖、餅圖、雷達(dá)圖、極坐標(biāo)圖、bubble圖和散點(diǎn)圖。

  • 所有圖表類型都可以自定義和設(shè)置動畫,聯(lián)機(jī)使用時,所有圖表都是響應(yīng)的。

  • 功能可以通過使用插件來擴(kuò)展。

  • 文件很好。

  • 通過Stack Overflow支持。

  • 瀏覽器支持IE9+。

價錢

一個免費(fèi)的開源JS圖表庫。根據(jù)MIT的許可證發(fā)布。

Chartist.js

image

Chartist是一個開源的、不引人注目目的JS庫,它也可以用來創(chuàng)建響應(yīng)良好的圖表。一般來說,對于那些需要一個非常簡單的圖表(線、條或餅圖)并且在數(shù)據(jù)可視化方面不需要太多的人來說,這是很好的。外觀好,在這種情況下不需要有很多很棒的特點(diǎn)。

主要特點(diǎn)

  • 只有三種圖表類型:折線圖、條形圖和餅圖。

  • 很棒的動畫。

  • API文檔包含所有必要的信息,但它不是最容易使用的,需要長時間滾動才能導(dǎo)航。

  • 允許使用插件擴(kuò)展功能。

  • 使用SVG繪制圖表(將來兼容)。

  • 舊瀏覽器支持。

價錢

開源,免費(fèi)使用。

D3.js

image

D3.js是一個功能強(qiáng)大的開源JavaScript庫,用于數(shù)據(jù)可視化。到目前為止,它已經(jīng)在GitHub上分叉了20000多次?;旧希珼3更像是框架而不是庫。它可能很難使用,但有很多有用的資源可供使用。而且,最后,您可以從頭開始獲得任何類型的可視化和圖形,使D3完全值得。

主要特點(diǎn)

  • 支持多種圖表類型,遠(yuǎn)遠(yuǎn)超過絕大多數(shù)其他JavaScript圖表庫(例如Voronoi圖表)。

  • 陡峭的學(xué)習(xí)曲線。比列表中的一些商業(yè)案列不清晰和明顯。但是有很多教程,而且API真的很棒。

  • 結(jié)合了強(qiáng)大的可視化組件和數(shù)據(jù)驅(qū)動的DOM操作方法。易于使用瀏覽器中的元素檢查器進(jìn)行調(diào)試。

  • 數(shù)以百計的例子。

  • 曲線生成函數(shù)。

  • 拖放。

價錢

D3是一個開放源碼的圖表JavaScript庫,可以免費(fèi)使用各種圖表。

FusionCharts

image

FusionCharts是另一個很好的交互式圖表庫,有數(shù)百個圖表可供開箱使用。圖表接受JSON和XML數(shù)據(jù)格式,并通過HTML5/SVG或VML呈現(xiàn)。

主要特點(diǎn)

  • 數(shù)十種圖表類型,包括2D和3D,以及覆蓋所有大洲的950多種地圖。

  • 動畫和完全互動的圖表和地圖。

  • 用于ASP.NET、PHP和Ruby on Rails的服務(wù)器端API。

  • 兼容jQuery,Angular,PHP,ASP.NET,React Native,Django,React,Ruby on Rails,Java等。

  • 非常詳細(xì)的用戶指南和API參考。

  • 很多樣本和儀表盤需要檢查。

  • 舊瀏覽器支持。

  • 導(dǎo)出為PNG、JPG或PDF格式。

  • 通過知識庫和社區(qū)論壇提供支持。

  • 對許可證持有人的無限優(yōu)先支持。

  • 客戶:蘋果、IBM、谷歌、英特爾、微軟、PayPal、甲骨文、Adobe等。

價錢

非商業(yè)用途免費(fèi),商業(yè)用途付費(fèi)(497美元起)。

Google Charts

image

對于不需要復(fù)雜定制并且更喜歡簡單性和穩(wěn)定性的項(xiàng)目,Google Charts是一個很好的選擇。

主要特點(diǎn)

  • 圖表基于HTML5/SVG和VML。

  • 很多樣本和儀表盤需要檢查。

  • 所有圖表都是交互式的,有些圖表也可以平移/縮放。

  • 綜合文件。

  • 舊的瀏覽器支持。

  • 通過FAQ,GitHub和論壇提供支持。

價錢

許可證是免費(fèi)的,但庫不是開源的。它不允許您在服務(wù)器上托管Google的JS文件,因此如果您有一些敏感數(shù)據(jù),它可能不適合您。

Highcharts

image

Highcharts是基于HTML5,在SVG/VML中呈現(xiàn)的最全面、最流行的JavaScript圖表庫之一。它不占內(nèi)存,支持多種圖表類型,并確保高性能。

主要特點(diǎn)

  • 使用純JavaScript,可以從外部加載數(shù)據(jù)。

  • 強(qiáng)大的文檔,API參考和社區(qū)展示。

  • 深入了解圖表數(shù)據(jù)和其他交互選項(xiàng)。

  • 可以與React,Angular,Meteor,.NET,iOS等一起使用。

  • 導(dǎo)出為PNG,JPG,PDF或SVG格式。

  • 通過論壇和Stack Overflow支持免費(fèi)版用戶,只有具有相應(yīng)許可證的商業(yè)用戶才能使用高級電子郵件和Skype支持。

  • 客戶:Visa,Yahoo!,F(xiàn)acebook,Twitter,Groupon,諾基亞,Ericsson, Mastercard, Yandex等。

價錢

非營利組織免費(fèi)使用。商業(yè)用途(50美元起)。

Plotly.js

image

Plotly.js是一個高級JavaScript庫,是免費(fèi)的開源軟件。它建立在D3.js和WebGL之上,因此可用于創(chuàng)建許多不同的圖表類型,包括3D圖表到統(tǒng)計圖表。

主要特點(diǎn)

  • 20種圖表類型,可嵌入網(wǎng)站或用于創(chuàng)建動態(tài)演示文稿。

  • 通過將圖表抽象為聲明性JSON結(jié)構(gòu),用作Python,R和MATLAB的基于瀏覽器的圖表庫。

  • 廣泛的API文檔。

  • 好的動畫。

  • 使用React。

  • 將圖表導(dǎo)出為PNG和JPG; EPS,SVG和PDF可在訂閱時使用。

  • 很多不同的樣品要檢查。

  • 允許使用Excel電子表格或連接到您的數(shù)據(jù)庫。

  • 支持論壇。

價錢

開源,免費(fèi)的庫。

ZingChart

image

ZingChart是一個用于制作交互式和響應(yīng)式圖表的有用工具。該庫快速靈活,可以輕松管理大數(shù)據(jù)并生成包含大量數(shù)據(jù)的圖表。

主要特點(diǎn)

  • 支持30多種圖表類型。

  • 完全可定制的CSS風(fēng)格。

  • 兼容jQuery, Angular, Node.js, PHP等。

  • 實(shí)時數(shù)據(jù),快速呈現(xiàn)任意大小的數(shù)據(jù)集。

  • 可以通過JS對象,JSON,CSV,PHP,AJAX或MySQL加載數(shù)據(jù)。

  • 完整但易于閱讀的API。

  • 通過ZingChart幫助中心,Stack Overflow,電子郵件和聊天提供免費(fèi)和高級支持。

  • 客戶:微軟、Boeing、Adobe、蘋果、思科、谷歌、Alcatel等。

價錢

品牌許可提供免費(fèi)的ZingChart庫的完全訪問權(quán)限。商業(yè)用途需要付費(fèi)許可證(199美元起)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • javascript功能插件大集合,寫前端的親們記得收藏 包管理器管理著 javascript 庫,并提供讀取和打...
    狗狗嗖閱讀 895評論 0 1
  • 下面是挑選出的9個 JavaScript 圖表庫: Chart.js Chartist FlexChart Ech...
    zhangxuepeng閱讀 5,164評論 0 5
  • 有你在 便是晴天 我的世界 終究只有陰天 與雨
    myapache閱讀 255評論 0 0
  • 她的那個男人聽說在工地做苦力的,之前還挺恩愛的,去干活時莫名其妙的就從高處摔下死了,上午發(fā)生的事下午就傳遍整個小村...
    劉柘汐閱讀 191評論 0 1

友情鏈接更多精彩內(nèi)容