在 ECharts 中,你可以使用 axisPointer 属性来配置 y 轴坐标轴指示器的文本标签。以下是一个简单的示例:
option = {
    yAxis: {
        type: 'value',
        axisPointer: {
            show: true,
            type: 'line',
            label: {
                show: true,  // 显示标签
                precision: 2,  // 标签小数点精度
                formatter: function (params) {
                    // 标签格式化函数
                    return 'Value: ' + params.value;
                },
                backgroundColor: 'rgba(50, 50, 50, 0.7)',  // 标签背景颜色
                borderColor: '#333',  // 标签边框颜色
                borderWidth: 1,  // 标签边框宽度
                padding: [5, 10]  // 标签内边距
            },
            lineStyle: {
                color: 'red',
                width: 2
            }
        },
        // 其他 yAxis 相关配置...
    },
    // 其他配置项...
    series: [
        {
            name: '示例系列',
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
        // 其他系列...
    ]
};

在上面的代码中,通过设置 label 属性,你可以配置坐标轴指示器的文本标签,包括显示与否 (show: true),小数点精度 (precision: 2),格式化函数 (formatter),背景颜色 (backgroundColor),边框颜色 (borderColor),边框宽度 (borderWidth),以及内边距 (padding) 等。

你可以根据实际需求调整这些参数以满足你的设计要求。


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