Echarts高級(jí)應(yīng)用

以下面這個(gè)例子為例:

其中包含多個(gè)知識(shí)點(diǎn):多坐標(biāo)軸、異步加載數(shù)據(jù)、行列映射等。

dataset

要想了解echarts如何插入數(shù)據(jù)顯示,就必須要先知道它的數(shù)據(jù)集的構(gòu)造。echarts提供了dataset配置項(xiàng)來管理數(shù)據(jù)。


loading

想要使頁面體驗(yàn)感更好,再加載數(shù)據(jù)的時(shí)候給畫布加上loading 的效果更佳。


多坐標(biāo)軸

當(dāng)數(shù)據(jù)集的數(shù)據(jù)相差較大時(shí)就要考慮建立多個(gè)坐標(biāo)軸。


行列映射

series有個(gè)屬性seriesLayoutBy,默認(rèn)是進(jìn)行列映射

要在一個(gè)畫布中對同一個(gè)數(shù)據(jù)進(jìn)行行列不同的展示就要在xAxis或者yAxis設(shè)置gridIndex屬性,來區(qū)分不同數(shù)據(jù)圖表。在series中就要用xAxisIndex和yAxisIndex來設(shè)置。

Echarts還有很多高級(jí)的應(yīng)用,比如:區(qū)域縮放-datazoom、事件綁定-Echarts.on()、視覺映射-visualMap。

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

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