前端圖表庫(kù)

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

amCharts - 付費(fèi)

image

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)

image

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

image

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

image

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

image

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

image

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

image

對(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

image

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

image

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

image

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美元起)捌斧。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末笛质,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子骤星,更是在濱河造成了極大的恐慌经瓷,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洞难,死亡現(xiàn)場(chǎng)離奇詭異舆吮,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)队贱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)色冀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人柱嫌,你說(shuō)我怎么就攤上這事锋恬。” “怎么了编丘?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵与学,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我嘉抓,道長(zhǎng)索守,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任抑片,我火速辦了婚禮卵佛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己截汪,他們只是感情好疾牲,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著衙解,像睡著了一般阳柔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蚓峦,一...
    開(kāi)封第一講書(shū)人閱讀 51,554評(píng)論 1 305
  • 那天盔沫,我揣著相機(jī)與錄音,去河邊找鬼枫匾。 笑死,一個(gè)胖子當(dāng)著我的面吹牛拟淮,可吹牛的內(nèi)容都是我干的干茉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼很泊,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼角虫!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起委造,我...
    開(kāi)封第一講書(shū)人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤戳鹅,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后昏兆,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體枫虏,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年爬虱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了隶债。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡跑筝,死狀恐怖死讹,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情曲梗,我是刑警寧澤赞警,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站虏两,受9級(jí)特大地震影響愧旦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碘举,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一忘瓦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦耕皮、人聲如沸境蜕。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)粱年。三九已至,卻和暖如春罚拟,著一層夾襖步出監(jiān)牢的瞬間台诗,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工赐俗, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拉队,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓阻逮,卻偏偏與公主長(zhǎng)得像粱快,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子叔扼,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

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