在 ECharts 中,你可以通过全局配置 axisPointer 来设置坐标轴指示器的样式,以便在整个图表中应用相同的样式。以下是一个示例:
option = {
    // 其他配置项...
    axisPointer: {
        link: { // 同一个数据点的不同系列共享一个坐标轴指示器
            xAxisIndex: 'all'
        },
        type: 'line',   // 指示器类型,可以是 'line'、'shadow' 等
        label: {
            show: true,   // 是否显示标签
            precision: 2   // 标签小数精度
        },
        lineStyle: {
            color: 'red',  // 指示线颜色
            type: 'dashed' // 指示线类型,可以是 'solid'、'dashed'、'dotted'
        },
        shadowStyle: {
            color: 'rgba(150, 150, 150, 0.3)'  // 阴影样式
        },
        crossStyle: {
            color: 'green',  // 十字指示线样式
            type: 'solid'    // 十字指示线类型
        }
    },
    xAxis: {
        // x 轴配置...
    },
    yAxis: {
        // y 轴配置...
    },
    series: [{
        name: 'Series A',
        type: 'line',
        data: [10, 20, 30, 40, 50]
        // 其他系列配置...
    },
    {
        name: 'Series B',
        type: 'line',
        data: [5, 15, 25, 35, 45]
        // 其他系列配置...
    }],
    // 其他配置项...
};

在上述示例中,axisPointer 设置了全局的坐标轴指示器样式。具体的配置项与之前提到的配置方式相似,包括 type(指示器类型)、label(标签配置)、lineStyle(指示线样式)、shadowStyle(阴影样式)和 crossStyle(十字指示线样式)等。这样,所有的坐标轴指示器都会应用这个全局样式。

确保查看你所使用的 ECharts 版本的文档,以获取准确的配置信息。在不同版本中可能会有一些差异。


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