ECharts 入门教程 设置axisPointer文本标签的内边距、边框及阴影

2024-02-25 开发教程 ECharts 入门教程 匿名 6

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