在 ECharts 中,你可以通过 tooltip 属性中的 axisPointer 配置来设置 tooltip 的坐标轴指示器。以下是一个示例,演示了如何在极坐标系中配置 tooltip 的坐标轴指示器:
option = {
    polar: {
        // 极坐标系的配置...
    },
    angleAxis: {
        // 角度轴的配置...
    },
    radiusAxis: {
        // 半径轴的配置...
    },
    tooltip: {
        show: true,
        trigger: 'item',
        formatter: '{a}:{c}',
        axisPointer: {
            type: 'cross',  // 坐标轴指示器类型,可选为 'line' 或 'shadow'
            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  // 指示器线条宽度
            }
        }
    },
    series: [{
        type: 'bar',
        data: [10, 20, 15, 25, 30],
        coordinateSystem: 'polar'
    }]
};

在上面的代码中,通过在 tooltip 的 axisPointer 中设置相关参数,你可以配置 tooltip 的坐标轴指示器。可以设置指示器的类型、标签样式、线条样式等。这样当鼠标悬停在图表上时,会显示坐标轴指示器,并在提示框中显示相应的数值。

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


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