以下面這個(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。