一個(gè)純JavaScript圖表庫(kù)。ECharts,縮寫(xiě)來(lái)自Enterprise Charts,商業(yè)級(jí)數(shù)據(jù)圖表,一個(gè)純Javascript的圖表庫(kù),可以流暢的運(yùn)行在PC和移動(dòng)設(shè)備上,兼容當(dāng)前絕大部分瀏覽器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底層依賴(lài)輕量級(jí)的Canvas類(lèi)庫(kù)ZRender,提供直觀,生動(dòng),可交互,可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計(jì)算、數(shù)據(jù)視圖、值域漫游等特性大大增強(qiáng)了用戶(hù)體驗(yàn),賦予了用戶(hù)對(duì)數(shù)據(jù)進(jìn)行挖掘、整合的能力。
支持折線(xiàn)圖(區(qū)域圖)、柱狀圖(條狀圖)、散點(diǎn)圖(氣泡圖)、K線(xiàn)圖、餅圖(環(huán)形圖)、雷達(dá)圖(填充雷達(dá)圖)、和弦圖、力導(dǎo)向布局圖、地圖、儀表盤(pán)、漏斗圖、事件河流圖等12類(lèi)圖表,同時(shí)提供標(biāo)題,詳情氣泡、圖例、值域、數(shù)據(jù)區(qū)域、時(shí)間軸、工具箱等7個(gè)可交互組件,支持多圖表、組件的聯(lián)動(dòng)和混搭展現(xiàn)。
? ? ? ?作為一名剛正式踏入什么是世界上最美的語(yǔ)言之爭(zhēng)的行業(yè)的新人,進(jìn)入公司的第一個(gè)任務(wù)是統(tǒng)計(jì)一個(gè)系統(tǒng)上的數(shù)據(jù)并在另一個(gè)系統(tǒng)的首頁(yè)上進(jìn)行展示,看到這里應(yīng)該有人知道,沒(méi)錯(cuò),Java是世界上最美的語(yǔ)言。言歸正傳,接到這個(gè)任務(wù),前輩推薦我說(shuō)“去看看echarts吧,騷年!”,于是我先看了之前項(xiàng)目中有過(guò)的效果和前任寫(xiě)下的工具類(lèi),還是老老實(shí)實(shí)搜索了下echarts。
? ? ? ?因?yàn)橹坝羞^(guò)那么點(diǎn)指甲尖的前端經(jīng)歷,一個(gè)整潔大方的首頁(yè)就讓我覺(jué)得這個(gè)東西有點(diǎn)前途,網(wǎng)址在這,大家自己看下(echarts官網(wǎng)),于是點(diǎn)開(kāi)實(shí)例,那么多的案例,足夠滿(mǎn)足需求了。于是想到將后端從數(shù)據(jù)庫(kù)獲取的數(shù)據(jù),處理成json格式傳回前端,前端當(dāng)然是用ajax技術(shù)進(jìn)行局部刷新,但是首先我要知道怎么使用echarts。那么要了解echarts到底是什么,可以先不去管它是怎么實(shí)現(xiàn)的。
? ? ? ?按照官網(wǎng)的頁(yè)面下載到了echarts.min.js,看到的第一眼,想到了以前的心酸往事。那是一個(gè),有著找不到女朋友的審美眼光,卻匹配任何女性都可以成為女朋友的制美能力的年輕時(shí)候。望著學(xué)院官網(wǎng)前端的任務(wù)興嘆,歷經(jīng)坎坷幾經(jīng)周折(反正過(guò)程不可描述)之后找到了superslide2,那感覺(jué)就像是找到了一個(gè)看得過(guò)去的女朋友(MMP,沒(méi)想到?jīng)]過(guò)多久就和第二任現(xiàn)實(shí)女友分手了,還沒(méi)成為正式的合格的扣的多哥——code dog,就又成了單身多哥了)。
? ? ? ? 對(duì),沒(méi)有錯(cuò),簡(jiǎn)簡(jiǎn)單單就是……一個(gè)純JavaScript圖表庫(kù)。
? ? ? ?原諒我,廢話(huà)了這么多才點(diǎn)題,因?yàn)槲蚁胱鲆幻皇Ц行缘某绦蛟场5珵榱瞬槐缓脤W(xué)的人用意念蹂躪,我還是老老實(shí)實(shí)在開(kāi)頭百度了一段簡(jiǎn)介,簡(jiǎn)介之下都是留著我哪天自己回來(lái)看的,哈哈哈。
下一篇貼一個(gè)官網(wǎng)也有的簡(jiǎn)單demo。