echarts 堆叠柱状图最顶部添加自定义文字

ECharts 的堆叠柱状图是一种将多个序列叠加在一起展示的图表，其顶部通常会显示各个柱状图的总和。如果你想在堆叠柱状图的最顶部添加自定义文字，可以利用 ECharts 的系列（series）配置中的 `label` 属性来实现。

以下是一个基本的 ECharts 堆叠柱状图配置示例，其中包含了如何在顶部添加自定义文字的方法：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D'],
    },
    yAxis: {
        type: 'value',
    },
    series: [{
        name: 'stack series 1',
        type: 'bar',
        stack: 'stack',
        data: [20, 17, 24, 15],
    }, {
        name: 'stack series 2',
        type: 'bar',
        stack: 'stack',
        data: [15, 14, 10, 12],
    }],
    // 在顶部添加自定义文字的配置
    label: {
        normal: {
            position: 'top', // 文字显示的位置为顶部
            formatter: function (params) {
                // 这里的 params 是当前柱状图的数据项
                // params.value 是当前柱状图的值
                // params.seriesName 是当前系列的名称
                if (params.seriesName === 'stack series 1') {
                    // 对第一个系列的顶部进行特殊处理
                    return params.seriesName + ': ' + params.value;
                } else {
                    // 对其他系列不做特殊处理
                    return params.seriesName;
                }
            },
            show: true // 开启标签显示
        }
    }
};

在这个配置中，`label` 的 `formatter` 函数允许你自定义每个柱状图顶部的文字内容。通过判断 `params.seriesName` 的值，你可以为不同的序列定制不同的显示内容。

请注意，自定义文字的显示位置、样式和逻辑都可以根据你的具体需求进行调整。