ECharts中y軸怎么反向與留白

2018-09-09 15:13 更新

使用 ECharts 時同樣也要注意所設(shè)置的 y 軸是否是個反向軸，這通過 yAxis.inverse 就可以得知；并且還需要適當(dāng)?shù)慕o坐標(biāo)軸做留白處理，這樣會方便之后的一些操作，但是對于類目型與非類目型的坐標(biāo)軸，有不同的留白策略。

yAxis.inverse | boolean

[ default: false ]

可以得出 y 軸是否是反向坐標(biāo)軸。

該屬性是 ECharts 3 中新加的。

設(shè)置 y 坐標(biāo)軸兩邊留白策略，類目軸和非類目軸的設(shè)置和表現(xiàn)不一樣。（yAxis 通常并默認為數(shù)值型）

類目軸中 boundaryGap 可以配置為 true 和 false。默認為 true，這時候刻度只是作為分隔線，標(biāo)簽和數(shù)據(jù)點都會在兩個刻度之間的帶(band)中間。

非類目軸，包括時間，數(shù)值，對數(shù)軸，boundaryGap是一個兩個值的數(shù)組，分別表示數(shù)據(jù)最小值和最大值的延伸范圍，可以直接設(shè)置數(shù)值或者相對的百分比，在設(shè)置 min 和 max 后無效。示例：

boundaryGap: ['20%', '20%']

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充