分割ECharts的y軸并設(shè)置坐標(biāo)軸間隔

2018-09-09 15:49 更新

在 ECharts 圖表中的 y 軸的分割段數(shù)默認(rèn)為5,這是由于 yAxis 中的 splitNumber 的決定的。那么我們?nèi)绻胍?y 坐標(biāo)軸上進(jìn)行更多的分段呢?如何讓其刻度間隔變得更加的細(xì)致呢?在下文中您會(huì)得到答案。

yAxis.splitNumber   |   number

[ default: 5 ]

坐標(biāo)軸的分割段數(shù),需要注意的是這個(gè)分割段數(shù)只是個(gè)預(yù)估值,最后實(shí)際顯示的段數(shù)會(huì)在這個(gè)基礎(chǔ)上根據(jù)分割后坐標(biāo)軸刻度顯示的易讀程度作調(diào)整。

注意:該屬性在類目軸中無效。

yAxis.minInterval   |  number

[ default: 0 ]

自動(dòng)計(jì)算的坐標(biāo)軸最小間隔大小。

例如可以設(shè)置成1保證坐標(biāo)軸分割刻度顯示成整數(shù)。

{
minInterval: 1
}

只在數(shù)值軸或時(shí)間軸中(type: 'value' 或 'time')有效。

yAxis.maxInterval   |   number

自動(dòng)計(jì)算的坐標(biāo)軸最大間隔大小。

例如,在時(shí)間軸((type: 'time'))可以設(shè)置成 3600 * 24 * 1000 保證坐標(biāo)軸分割刻度最大為一天。

{
maxInterval: 3600 * 24 * 1000
}

只在數(shù)值軸或時(shí)間軸中(type: 'value' 或 'time')有效。

yAxis.interval   |   number

強(qiáng)制設(shè)置坐標(biāo)軸分割間隔。

因?yàn)?nbsp;splitNumber 是預(yù)估的值,實(shí)際根據(jù)策略計(jì)算出來的刻度可能無法達(dá)到想要的效果,這時(shí)候可以使用 interval 配合 minmax 強(qiáng)制設(shè)定刻度劃分,一般不建議使用。

該屬性無法在類目軸中使用。在時(shí)間軸(type: 'time')中需要傳時(shí)間戳,在對(duì)數(shù)軸(type: 'log')中需要傳指數(shù)值。

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)