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

站在用戶的角度思考問題,與客戶深入溝通,找到晉安網(wǎng)站設(shè)計與晉安網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、國際域名空間、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋晉安地區(qū)。
要怎么操作能夠顯示 y 軸?y 軸顯示后,它在 grid 組件中的索引是怎樣的?它處于什么樣的位置?與默認的位置有發(fā)生偏移嗎?它是什么類型的坐標軸?怎么定義它的名稱及名稱的位置?
上述的問題都針對了 yAxis 的一些基本屬性的設(shè)置,下面讓我們一一來解決。
yAxis.show | boolean
[ default: true ]
表示是否顯示 yAxis 的 y 軸。
yAxis.gridIndex | number
[ default: 0 ]
得到 y 軸所在的 grid 的索引,默認位于第一個 grid。
yAxis.position | string
得到 y 軸的位置。
可以選擇的值:
- 'left'
- 'right'
注意:默認 grid 中的第一個 y 軸在 grid 的左側(cè)('left'),第二個 y 軸視第一個 y 軸的位置放在另一側(cè)。
yAxis.offset | number
[ default: 0 ]
顯示 Y 軸相對于默認位置的偏移,該屬性在相同的 position 上有多個 Y 軸的時候會使用到。
yAxis.type | string
[ default: 'value' ]
得到 y 坐標軸的類型。
以下是可選的 y 軸類型:
- 'value' :數(shù)值軸,適用于連續(xù)數(shù)據(jù)。
- 'category' :類目軸,適用于離散的類目數(shù)據(jù),為該類型時必須通過 data 設(shè)置類目數(shù)據(jù)。
- 'time' :時間軸,適用于連續(xù)的時序數(shù)據(jù),與數(shù)值軸相比時間軸帶有時間的格式化,在刻度計算上也有所不同,例如會根據(jù)跨度的范圍來決定使用月,星期,日還是小時范圍的刻度。
- 'log' :對數(shù)軸。適用于對數(shù)數(shù)據(jù)。
yAxis.name | string
顯示坐標軸的名稱。
yAxis.nameLocation | string
[ default: 'end' ]
得到坐標軸名稱的顯示位置。
可以選擇:
- 'start'
- 'middle'
- 'end'
yAxis.nameGap | number
[ default: 15 ]
坐標軸名稱與軸線之間的距離。
yAxis.nameRotate | number
[ default: null ]
坐標軸名字旋轉(zhuǎn),是個角度值。
本文標題:創(chuàng)新互聯(lián)ECharts教程:yAxis的基本屬性
分享地址:http://fisionsoft.com.cn/article/dpsijsc.html


咨詢
建站咨詢
