先來看一張圖: 這是Echarts的官網(wǎng)首頁,是不是很酷炫! 一款好用的前端工具可以極大提高我們工作的效率,對于前端工程師來說數(shù)據(jù)可視化可以說是工作必備了。 提到數(shù)據(jù)可視化,那必是web前端人手必備的工具——Echarts啦! 什么是echarts?簡單來說echarts就是一個(gè)商業(yè)級數(shù)據(jù)圖表工具。 它是一個(gè)純JavaScript的圖標(biāo)庫,可以兼容絕大部分的瀏覽器,可以為前端開發(fā)提供直觀、生動(dòng)、可交互、可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。 echarts有哪些功能?(1)多樣化圖表,豐富可視化表達(dá) Echarts提供多種多樣的圖表及圖表組合,使用者可以根據(jù)自己的數(shù)據(jù)和展示訴求來進(jìn)行選擇。 (2)代碼直接引用,效率提升利器 在官網(wǎng)的示例當(dāng)中,左側(cè)的代碼可以直接套用、引用,改變屬性,簡直太好用了。 (3)增量渲染技術(shù),千萬級數(shù)據(jù)量不在話下 通過增量渲染技術(shù),即使展現(xiàn)千萬級數(shù)據(jù)量也能夠進(jìn)行流暢的縮放平移等交互加載。 (4)無縫連接百度地圖,實(shí)現(xiàn)地圖視圖 作為百度的開源產(chǎn)品,Echarts與百度地圖無縫連接,結(jié)合百度地圖的圖層,可以做出航線、地鐵、公交等動(dòng)態(tài)3D線路圖,實(shí)現(xiàn)超炫的地圖視圖。 (5)識別數(shù)據(jù)差異,讓圖表動(dòng)起來 Echarts會(huì)找到兩組數(shù)據(jù)之間的差異,然后通過合適的動(dòng)畫去表現(xiàn)數(shù)據(jù)的變化,讓數(shù)據(jù)動(dòng)起來~ Echarts功能這么強(qiáng)大,難怪前端工程師都在用,現(xiàn)在就學(xué)起來: 《數(shù)據(jù)的動(dòng)態(tài)展示——Echarts》這門課程: 1.零基礎(chǔ)也能學(xué)習(xí),包含網(wǎng)頁前端基礎(chǔ)知識(HTML+CSS+JavaScript基礎(chǔ)) 2.Echarts中各類統(tǒng)計(jì)圖形的實(shí)現(xiàn)及應(yīng)用:餅圖,環(huán)形圖,柱狀圖,散點(diǎn)圖,折線圖,南丁爾格玫瑰圖,樹狀圖,日歷圖及地圖; 3.視頻+實(shí)操,掌握Echarts作圖技能 如果你現(xiàn)在還不知道數(shù)據(jù)如何展示,那就快來學(xué)習(xí)這門課程吧! |
|