原文地址:https://mp.weixin.qq.com/s/bGmxT8eFOgS5JVAakgilJA
amCharts - 付費(fèi)
amCharts是JavaScript圖表庫(kù)之一荸恕,當(dāng)您需要一個(gè)簡(jiǎn)單且同時(shí)靈活的數(shù)據(jù)可視化解決方案時(shí)球凰,它們非常有用糖埋。
主要特點(diǎn)
相當(dāng)多的圖表類(lèi)型,包括地圖和甘特圖沮峡。
深入分析功能以及其他出色的交互選項(xiàng)算撮。
包含所有需要的方法的文檔都寫(xiě)得很好生宛,但從我的角度來(lái)看,使用起來(lái)并不方便肮柜。
很棒的圖表動(dòng)畫(huà)陷舅。
可與React、Angular素挽、Vue和Ember集成蔑赘。
WordPress插件可用。
導(dǎo)出為圖像或PDF。
實(shí)時(shí)圖表缩赛、完全自定義和W3C認(rèn)可的輔助功能耙箍。
客戶:微軟、亞馬遜酥馍、eBay辩昆、NASA、三星旨袒、Yandex汁针、AT&T等。
AnyChart -付費(fèi)
AnyChart是一個(gè)健壯砚尽、輕量級(jí)施无、功能豐富的JS圖表庫(kù),在SVG/VML中呈現(xiàn)必孤。實(shí)際上猾骡,它為Web開(kāi)發(fā)人員提供了創(chuàng)建不同圖表的大好機(jī)會(huì),這些圖表將幫助他們進(jìn)行數(shù)據(jù)分析并做出數(shù)據(jù)驅(qū)動(dòng)的決策敷搪。
主要特點(diǎn)
超過(guò)80種JS圖表類(lèi)型兴想,包括基本圖表,股票圖表赡勘,地圖嫂便,以及甘特圖和PERT圖表。
設(shè)置數(shù)據(jù)的方法有很多種:XML闸与,JSON毙替,CSV,JS API践樱,Google表格和HTML表格蔚龙。
深入查看圖表數(shù)據(jù)。
現(xiàn)成的技術(shù)分析指標(biāo)和繪圖工具(注釋?zhuān)?/p>
豐富的文檔映胁,API和支持。
可以與Angular甲雅,Qlik解孙,Oracle APEX,React抛人,Elasticsearch弛姜,Vue.js,Android妖枚,iOS等集成廷臼。
許多示例和儀表板,以及一個(gè)專(zhuān)用的具有代碼自動(dòng)完成功能的操場(chǎng)。
舊的瀏覽器支持荠商。
將圖表導(dǎo)出為各種格式寂恬,包括PDF,JPG莱没,PNG或SVG圖像初肉,XSLX或CSV文件中的圖表數(shù)據(jù)。
客戶:甲骨文饰躲、微軟牙咏、花旗、三星嘹裂、諾基亞妄壶、AT&T、福特寄狼、大眾丁寄、洛克希德馬丁等。
Chart.js
Chart.js是一個(gè)簡(jiǎn)單但非常靈活的數(shù)據(jù)庫(kù)JavaScript庫(kù)例嘱,在網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員中很受歡迎狡逢。對(duì)于那些不需要大量圖表類(lèi)型和自定義功能,但希望其圖表一目了然、清晰和信息豐富的人來(lái)說(shuō)拼卵,清晰和信息豐富的人來(lái)說(shuō)奢浑,這是一個(gè)很好的基本解決方案。
主要特點(diǎn)
8種圖表類(lèi)型:線條腋腮、區(qū)域雀彼、條形圖、餅圖即寡、雷達(dá)圖徊哑、極坐標(biāo)圖、bubble圖和散點(diǎn)圖聪富。
所有圖表類(lèi)型都可以自定義和設(shè)置動(dòng)畫(huà)莺丑,聯(lián)機(jī)使用時(shí),所有圖表都是響應(yīng)的墩蔓。
功能可以通過(guò)使用插件來(lái)擴(kuò)展梢莽。
文件很好。
通過(guò)Stack Overflow支持奸披。
瀏覽器支持IE9+昏名。
價(jià)錢(qián)
一個(gè)免費(fèi)的開(kāi)源JS圖表庫(kù)。根據(jù)MIT的許可證發(fā)布阵面。
Chartist.js
Chartist是一個(gè)開(kāi)源的轻局、不引人注目目的JS庫(kù)洪鸭,它也可以用來(lái)創(chuàng)建響應(yīng)良好的圖表。一般來(lái)說(shuō)仑扑,對(duì)于那些需要一個(gè)非常簡(jiǎn)單的圖表(線览爵、條或餅圖)并且在數(shù)據(jù)可視化方面不需要太多的人來(lái)說(shuō),這是很好的夫壁。外觀好拾枣,在這種情況下不需要有很多很棒的特點(diǎn)。
主要特點(diǎn)
只有三種圖表類(lèi)型:折線圖盒让、條形圖和餅圖梅肤。
很棒的動(dòng)畫(huà)。
API文檔包含所有必要的信息邑茄,但它不是最容易使用的姨蝴,需要長(zhǎng)時(shí)間滾動(dòng)才能導(dǎo)航。
允許使用插件擴(kuò)展功能肺缕。
使用SVG繪制圖表(將來(lái)兼容)左医。
舊瀏覽器支持。
價(jià)錢(qián)
開(kāi)源同木,免費(fèi)使用浮梢。
D3.js
D3.js是一個(gè)功能強(qiáng)大的開(kāi)源JavaScript庫(kù),用于數(shù)據(jù)可視化彤路。到目前為止秕硝,它已經(jīng)在GitHub上分叉了20000多次≈拮穑基本上远豺,D3更像是框架而不是庫(kù)。它可能很難使用坞嘀,但有很多有用的資源可供使用躯护。而且,最后丽涩,您可以從頭開(kāi)始獲得任何類(lèi)型的可視化和圖形棺滞,使D3完全值得。
主要特點(diǎn)
支持多種圖表類(lèi)型矢渊,遠(yuǎn)遠(yuǎn)超過(guò)絕大多數(shù)其他JavaScript圖表庫(kù)(例如Voronoi圖表)检眯。
陡峭的學(xué)習(xí)曲線。比列表中的一些商業(yè)案列不清晰和明顯昆淡。但是有很多教程,而且API真的很棒刽严。
結(jié)合了強(qiáng)大的可視化組件和數(shù)據(jù)驅(qū)動(dòng)的DOM操作方法昂灵。易于使用瀏覽器中的元素檢查器進(jìn)行調(diào)試避凝。
數(shù)以百計(jì)的例子。
曲線生成函數(shù)眨补。
拖放管削。
價(jià)錢(qián)
D3是一個(gè)開(kāi)放源碼的圖表JavaScript庫(kù),可以免費(fèi)使用各種圖表撑螺。
FusionCharts
FusionCharts是另一個(gè)很好的交互式圖表庫(kù)含思,有數(shù)百個(gè)圖表可供開(kāi)箱使用。圖表接受JSON和XML數(shù)據(jù)格式甘晤,并通過(guò)HTML5/SVG或VML呈現(xiàn)含潘。
主要特點(diǎn)
數(shù)十種圖表類(lèi)型,包括2D和3D线婚,以及覆蓋所有大洲的950多種地圖遏弱。
動(dòng)畫(huà)和完全互動(dòng)的圖表和地圖。
用于ASP.NET塞弊、PHP和Ruby on Rails的服務(wù)器端API漱逸。
兼容jQuery,Angular游沿,PHP饰抒,ASP.NET,React Native诀黍,Django袋坑,React,Ruby on Rails蔗草,Java等咒彤。
非常詳細(xì)的用戶指南和API參考。
很多樣本和儀表盤(pán)需要檢查咒精。
舊瀏覽器支持镶柱。
導(dǎo)出為PNG、JPG或PDF格式模叙。
通過(guò)知識(shí)庫(kù)和社區(qū)論壇提供支持歇拆。
對(duì)許可證持有人的無(wú)限優(yōu)先支持。
客戶:蘋(píng)果范咨、IBM故觅、谷歌、英特爾渠啊、微軟输吏、PayPal、甲骨文替蛉、Adobe等贯溅。
價(jià)錢(qián)
非商業(yè)用途免費(fèi)拄氯,商業(yè)用途付費(fèi)(497美元起)。
Google Charts
對(duì)于不需要復(fù)雜定制并且更喜歡簡(jiǎn)單性和穩(wěn)定性的項(xiàng)目它浅,Google Charts是一個(gè)很好的選擇译柏。
主要特點(diǎn)
圖表基于HTML5/SVG和VML。
很多樣本和儀表盤(pán)需要檢查姐霍。
所有圖表都是交互式的鄙麦,有些圖表也可以平移/縮放。
綜合文件镊折。
舊的瀏覽器支持胯府。
通過(guò)FAQ,GitHub和論壇提供支持腌乡。
價(jià)錢(qián)
許可證是免費(fèi)的盟劫,但庫(kù)不是開(kāi)源的。它不允許您在服務(wù)器上托管Google的JS文件与纽,因此如果您有一些敏感數(shù)據(jù)侣签,它可能不適合您。
Highcharts
Highcharts是基于HTML5急迂,在SVG/VML中呈現(xiàn)的最全面影所、最流行的JavaScript圖表庫(kù)之一。它不占內(nèi)存僚碎,支持多種圖表類(lè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格式玩焰。
通過(guò)論壇和Stack Overflow支持免費(fèi)版用戶由驹,只有具有相應(yīng)許可證的商業(yè)用戶才能使用高級(jí)電子郵件和Skype支持。
客戶:Visa昔园,Yahoo荔棉!闹炉,F(xiàn)acebook,Twitter润樱,Groupon,諾基亞羡棵,Ericsson, Mastercard, Yandex等壹若。
價(jià)錢(qián)
非營(yíng)利組織免費(fèi)使用。商業(yè)用途(50美元起)皂冰。
Plotly.js
Plotly.js是一個(gè)高級(jí)JavaScript庫(kù)店展,是免費(fèi)的開(kāi)源軟件。它建立在D3.js和WebGL之上秃流,因此可用于創(chuàng)建許多不同的圖表類(lèi)型赂蕴,包括3D圖表到統(tǒng)計(jì)圖表。
主要特點(diǎn)
20種圖表類(lèi)型舶胀,可嵌入網(wǎng)站或用于創(chuàng)建動(dòng)態(tài)演示文稿概说。
通過(guò)將圖表抽象為聲明性JSON結(jié)構(gòu),用作Python嚣伐,R和MATLAB的基于瀏覽器的圖表庫(kù)糖赔。
廣泛的API文檔。
好的動(dòng)畫(huà)轩端。
使用React放典。
將圖表導(dǎo)出為PNG和JPG; EPS,SVG和PDF可在訂閱時(shí)使用基茵。
很多不同的樣品要檢查奋构。
允許使用Excel電子表格或連接到您的數(shù)據(jù)庫(kù)。
支持論壇拱层。
價(jià)錢(qián)
開(kāi)源弥臼,免費(fèi)的庫(kù)。
ZingChart
ZingChart是一個(gè)用于制作交互式和響應(yīng)式圖表的有用工具舱呻。該庫(kù)快速靈活醋火,可以輕松管理大數(shù)據(jù)并生成包含大量數(shù)據(jù)的圖表。
主要特點(diǎn)
支持30多種圖表類(lèi)型箱吕。
完全可定制的CSS風(fēng)格芥驳。
兼容jQuery, Angular, Node.js, PHP等。
實(shí)時(shí)數(shù)據(jù)茬高,快速呈現(xiàn)任意大小的數(shù)據(jù)集兆旬。
可以通過(guò)JS對(duì)象,JSON怎栽,CSV丽猬,PHP宿饱,AJAX或MySQL加載數(shù)據(jù)。
完整但易于閱讀的API脚祟。
通過(guò)ZingChart幫助中心谬以,Stack Overflow,電子郵件和聊天提供免費(fèi)和高級(jí)支持由桌。
客戶:微軟为黎、Boeing、Adobe行您、蘋(píng)果铭乾、思科、谷歌娃循、Alcatel等炕檩。
價(jià)錢(qián)
品牌許可提供免費(fèi)的ZingChart庫(kù)的完全訪問(wèn)權(quán)限。商業(yè)用途需要付費(fèi)許可證(199美元起)捌斧。