JSRUN 用代码说话

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

编辑教程

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


xAxis.axisPointer.label.padding

string, Array

[ 默认值: [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

[ 默认值: 'auto' ]

设置 axisPointer 文本标签的背景颜色,默认是和 axis.axisLine.lineStyle.color 相同。


xAxis.axisPointer.label.borderColor

string

[ 默认值: null ]

设置 axisPointer 文本标签的边框颜色。


xAxis.axisPointer.label.borderWidth

string

[ 默认值: 0 ]

对 axisPointer 文本标签的边框宽度进行设置。


xAxis.axisPointer.label.shadowBlur

number

[ 默认值: 3 ]

设置 axisPointer 图形阴影的模糊大小。

该属性可以配合 shadowColor,shadowOffsetX 和 shadowOffsetY 一起对图形的阴影效果进行设置。

如下示例:

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

xAxis.axisPointer.label.shadowColor

Color

[ 默认值: #aaa ]

axisPointer 的阴影颜色属性。


xAxis.axisPointer.label.shadowOffsetX

number

[ 默认值: 0 ]

axisPointer 阴影在水平方向上的偏移距离。


xAxis.axisPointer.label.shadowOffsetY

number

[ 默认值: 0 ]

axisPointer 阴影在垂直方向上的偏移距离。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟