ECharts徑向軸刻度線樣式設(shè)置

2018-09-14 11:14 更新

本節(jié)接上一節(jié)的內(nèi)容,來(lái)為您詳細(xì)描述在 ECharts 的極坐標(biāo)系中要怎么樣才能設(shè)置徑向軸刻度線的顏色、徑向軸刻度線的線寬、徑向軸刻度線的類型、徑向軸刻度線的陰影樣式等。

radiusAxis.axisTick.lineStyle.color   |   Color

徑向軸刻度線的顏色,默認(rèn)取 axisLine.lineStyle.color。

radiusAxis.axisTick.lineStyle.width   |   number

[ default: 1 ]

徑向軸刻度線的線寬。

radiusAxis.axisTick.lineStyle.type   |   string

[ default: 'solid' ]

徑向軸刻度線的類型。

可選:

  • 'solid'
  • 'dashed'
  • 'dotted'

radiusAxis.axisTick.lineStyle.shadowBlur   |   number

徑向軸刻度線圖形陰影的模糊大小。該屬性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起設(shè)置圖形的陰影效果。

示例:

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

radiusAxis.axisTick.lineStyle.shadowColor   |   Color

徑向軸刻度線陰影的顏色。支持的格式同color。

radiusAxis.axisTick.lineStyle.shadowOffsetX   |   number

[ default: 0 ]

徑向軸刻度線陰影在水平方向上的偏移距離。

radiusAxis.axisTick.lineStyle.shadowOffsetY   |   number

[ default: 0 ]

徑向軸刻度線陰影在垂直方向上的偏移距離。

radiusAxis.axisTick.lineStyle.opacity   |   number

徑向軸刻度線的圖形透明度。支持從 0 到 1 的數(shù)字,為 0 時(shí)不繪制該圖形。


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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)