在 ECharts 中,你可以通过 axisPointer 属性中的 label 属性来配置 xAxis(横轴)上坐标轴指示器的文本标签。以下是一个简单的示例,演示如何设置 xAxis 坐标轴指示器文本标签的样式:
option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
        axisPointer: {
            show: true,
            type: 'line',
            label: {
                show: true,  // 是否显示标签
                precision: 2,  // 标签数值的小数精度
                formatter: function (params) {
                    return '自定义标签: ' + params.value;  // 自定义标签文本内容
                },
                backgroundColor: 'rgba(0,0,0,0.7)',
                color: '#fff',
                padding: [5, 10],  // 标签内边距
                borderRadius: 5  // 标签边框圆角
                // 其他标签样式属性...
            }
        },
        // 其他 xAxis 配置项...
    },
    // 其他配置项...
};

在上述例子中,label 属性用于配置坐标轴指示器文本标签的样式。具体的配置项包括:

  •  show: 是否显示标签。

  •  precision: 标签数值的小数精度。

  •  formatter: 标签的格式化函数,可以自定义标签文本的内容。

  •  backgroundColor: 标签的背景颜色。

  •  color: 标签文字的颜色。

  •  padding: 标签内边距,以数组形式表示上、右、下、左的内边距。

  •  borderRadius: 标签边框的圆角半径。


你可以根据实际需求调整这些属性的值。


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