codecamp

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

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

xAxis设置坐标轴指示器文本标签的文本类型
xAxis设置坐标轴指示器的线条样式
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }