y坐標(biāo)軸分割區(qū)域的樣式設(shè)置

2018-09-11 14:56 更新

對于 ECharts 中 y 坐標(biāo)軸的分隔區(qū)域的樣式,我們可以從以下幾個方面進(jìn)行設(shè)置:分隔區(qū)域以什么顏色顯示,分隔區(qū)域圖形陰影的模糊大小、顏色、偏移距離以及分隔區(qū)域的圖形透明度。這些就是本節(jié)的內(nèi)容。

yAxis.splitArea.areaStyle.color   |   Array

[ default: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'] ]

設(shè)置 y 軸分隔區(qū)域的顏色。

分隔區(qū)域會按數(shù)組中顏色的順序依次循環(huán)設(shè)置顏色。默認(rèn)是一個深淺的間隔色。

yAxis.splitArea.areaStyle.shadowBlur   |   number

設(shè)置 y 軸分隔區(qū)域圖形陰影的模糊大小。

該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。

示例:

{
    shadowColor: 'rgba(0, 0, 0, 0.5)',
    shadowBlur: 10
}

yAxis.splitArea.areaStyle.shadowColor   |   Color

y 軸分隔區(qū)域陰影的顏色。支持的格式同color。

yAxis.splitArea.areaStyle.shadowOffsetX   |   number

[ default: 0 ]

y 軸分隔區(qū)域陰影在水平方向上的偏移距離。

yAxis.splitArea.areaStyle.shadowOffsetY   |   number

[ default: 0 ]

y 軸分隔區(qū)域陰影在垂直方向上的偏移距離。

yAxis.splitArea.areaStyle.opacity   |   number

y 軸分割區(qū)域的圖形透明度。

支持從 0 到 1 的數(shù)字,為 0 時不繪制該圖形。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號