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

2018-09-09 15:49 更新

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

yAxis.splitNumber | number

[ default: 5 ]

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

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

[ default: 0 ]

自動計算的坐標軸最小間隔大小。

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

{
    minInterval: 1
}

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

自動計算的坐標軸最大間隔大小。

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

{
    maxInterval: 3600 * 24 * 1000
}

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

強制設(shè)置坐標軸分割間隔。

因為 splitNumber 是預(yù)估的值，實際根據(jù)策略計算出來的刻度可能無法達到想要的效果，這時候可以使用 interval 配合 min、max 強制設(shè)定刻度劃分，一般不建議使用。

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

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

寫筆記

我要補充