设置axisPointer文本标签的内边距、边框及阴影

2018-09-12 10:38 更新

xAxis.axisPointer.label.padding   |   string, Array

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

在 xAxis 中设置 axisPointer 的内边距,它的单位为 px,在默认情况下 axisPointer 各方向的内边距为 5,它能够接受利用数组分别对上、下、左、右的边距进行设定。

使用示例:

// 设置内边距为 5
padding: 5
// 设置上下的内边距为 5,左右的内边距为 10
padding: [5, 10]
// 分别设置四个方向的内边距
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 文本标签的边框宽度进行设置。

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 阴影在垂直方向上的偏移距离。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号