設置axisPointer文本標簽的內(nèi)邊距、邊框及陰影

2018-09-12 10:38 更新

xAxis.axisPointer.label.padding   |   string, Array

[ default: [5, 7, 5, 7] ]

在 xAxis 中設置 axisPointer 的內(nèi)邊距,它的單位為 px,在默認情況下 axisPointer 各方向的內(nèi)邊距為 5,它能夠接受利用數(shù)組分別對上、下、左、右的邊距進行設定。

使用示例:

// 設置內(nèi)邊距為 5
padding: 5
// 設置上下的內(nèi)邊距為 5,左右的內(nèi)邊距為 10
padding: [5, 10]
// 分別設置四個方向的內(nèi)邊距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]

xAxis.axisPointer.label.backgroundColor   |   string

[ default: 'auto' ]

設置 axisPointer 文本標簽的背景顏色,默認是和 axis.axisLine.lineStyle.color 相同。

xAxis.axisPointer.label.borderColor   |   string

[ default: null ]

設置 axisPointer 文本標簽的邊框顏色。

xAxis.axisPointer.label.borderWidth   |   string

[ default: 0 ]

對 axisPointer 文本標簽的邊框?qū)挾冗M行設置。

xAxis.axisPointer.label.shadowBlur   |   number

[ default: 3 ]

設置 axisPointer 圖形陰影的模糊大小。

該屬性可以配合 shadowColor,shadowOffsetX 和 shadowOffsetY 一起對圖形的陰影效果進行設置。

如下示例:

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

xAxis.axisPointer.label.shadowColor   |   Color

[ default: #aaa ]

 axisPointer 的陰影顏色屬性。

xAxis.axisPointer.label.shadowOffsetX   |   number

[ default: 0 ]

 axisPointer 陰影在水平方向上的偏移距離。

xAxis.axisPointer.label.shadowOffsetY   |   number

[ default: 0 ]

 axisPointer 陰影在垂直方向上的偏移距離。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號