echarts 堆叠柱状图标签重叠

ECharts是一个强大的JavaScript图表库，它支持创建各种类型的图表，包括堆叠柱状图。当绘制堆叠柱状图时，如果数据系列过多或者每个系列的数据值较大，可能会导致标签（y轴上的文本）互相重叠，影响可读性。

解决echarts堆叠柱状图标签重叠的问题，可以考虑以下几个方法：

1. **调整标签层级**：通过设置`zlevel`属性，将标签放在柱子上方或下方，避免遮挡。

2. **动态调整字体大小**：使用`label formatter`回调函数，根据当前柱子的高度动态计算标签的字体大小。

3. **限制标签显示数量**：设置`maxLabelCount`属性，仅显示部分重要或最大的标签。

4. **设置`avoidOverlapping`**：开启标签自动换行功能，当标签内容过长无法在一行展示时，会尝试换到下一行。

5. **手动调整标签位置**：通过配置`position`属性，如`top`、`right`等，精确控制每个标签的位置。

option = {
    series: [{
        type: 'bar',
        stack: '总量', // 堆栈名称
        data: ...,
        label: {
            position: 'top', // 标签位置
            avoidOverlapping: true, // 自动换行
            formatter: function (value, item) {
                return value.toFixed(0); // 动态计算字体大小
            }
        }
    }]
};