在 ECharts 中,你可以通过 axisPointer 的 label 属性来配置坐标轴指示器文本标签的内边距、边框及阴影。以下是一个示例,演示如何设置这些样式:
option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
        axisPointer: {
            show: true,
            type: 'line',
            label: {
                show: true,
                formatter: function (params) {
                    return '{a|自定义标签:} {b|' + params.value + '} {c|单位}';
                },
                backgroundColor: 'rgba(0,0,0,0.7)',
                color: '#fff',
                padding: [10, 15, 10, 15],  // 上、右、下、左的内边距
                borderRadius: 8,  // 边框圆角
                borderWidth: 2,  // 边框宽度
                borderColor: 'yellow',  // 边框颜色
                shadowBlur: 5,  // 阴影模糊度
                shadowColor: 'rgba(0, 0, 0, 0.5)'  // 阴影颜色
            }
        },
        // 其他 xAxis 配置项...
    },
    // 其他配置项...
};

在上述例子中,padding 属性用于设置文本标签的上、右、下、左的内边距。borderRadius 属性用于设置边框的圆角半径,borderWidth 和 borderColor 分别用于设置边框的宽度和颜色。shadowBlur 和 shadowColor 则用于设置阴影的模糊度和颜色。

通过这些配置,你可以调整坐标轴指示器文本标签的样式,使其符合你的设计需求。


转载请注明出处:http://www.zyzy.cn/article/detail/5187/ECharts