yAxis的基本屬性

2018-09-09 14:46 更新

在 ECharts 中直角坐標(biāo)系的 y 軸有可能是不顯示的,如果我們要配置 yAxis 的屬性,首先就需要將 y 軸顯示出來。那么,就存在以下的問題:

要怎么操作能夠顯示 y 軸?y 軸顯示后,它在 grid 組件中的索引是怎樣的?它處于什么樣的位置?與默認(rèn)的位置有發(fā)生偏移嗎?它是什么類型的坐標(biāo)軸?怎么定義它的名稱及名稱的位置?

上述的問題都針對了 yAxis 的一些基本屬性的設(shè)置,下面讓我們一一來解決。 

yAxis.show   |   boolean

[ default: true ]

表示是否顯示 yAxis 的 y 軸。

yAxis.gridIndex   |   number

[ default: 0 ]

得到 y 軸所在的 grid 的索引,默認(rèn)位于第一個(gè) grid。

yAxis.position   |   string

得到 y 軸的位置。

可以選擇的值:

  • 'left'
  • 'right'
注意:默認(rèn) grid 中的第一個(gè) y 軸在 grid 的左側(cè)('left'),第二個(gè) y 軸視第一個(gè) y 軸的位置放在另一側(cè)。

yAxis.offset   |   number

[ default: 0 ]

顯示 Y 軸相對于默認(rèn)位置的偏移,該屬性在相同的 position 上有多個(gè) Y 軸的時(shí)候會使用到。

yAxis.type   |   string

[ default: 'value' ]

得到 y 坐標(biāo)軸的類型。

以下是可選的 y 軸類型:

  • 'value' :數(shù)值軸,適用于連續(xù)數(shù)據(jù)。
  • 'category' :類目軸,適用于離散的類目數(shù)據(jù),為該類型時(shí)必須通過 data 設(shè)置類目數(shù)據(jù)。
  • 'time' :時(shí)間軸,適用于連續(xù)的時(shí)序數(shù)據(jù),與數(shù)值軸相比時(shí)間軸帶有時(shí)間的格式化,在刻度計(jì)算上也有所不同,例如會根據(jù)跨度的范圍來決定使用月,星期,日還是小時(shí)范圍的刻度。
  • 'log' :對數(shù)軸。適用于對數(shù)數(shù)據(jù)。

yAxis.name   |   string

顯示坐標(biāo)軸的名稱。

yAxis.nameLocation   |   string

[ default: 'end' ]

得到坐標(biāo)軸名稱的顯示位置。

可以選擇:

  • 'start'
  • 'middle'
  • 'end'

yAxis.nameGap   |   number

[ default: 15 ]

坐標(biāo)軸名稱與軸線之間的距離。

yAxis.nameRotate   |   number

[ default: null ]

坐標(biāo)軸名字旋轉(zhuǎn),是個(gè)角度值。


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號