ECharts中y軸怎么反向與留白

2018-09-09 15:13 更新

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

yAxis.inverse   |   boolean

[ default: false ]

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

該屬性是 ECharts 3 中新加的。

yAxis.boundaryGap   |   boolean, Array

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

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

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

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


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)