菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻

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

原创
05/13 14:22 更新

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

综合评分:9.9 评分 请对本文进行纠错,及学习过程中有困难疑惑可在此进行讨论