echarts柱状图横坐标换行

### 实现 ECharts 横坐标标签自动换行

为了使 ECharts 的横坐标标签能够自动换行，可以通过 `formatter` 函数来处理较长的文本。通过将字符串分割成多行显示，可以有效防止标签过长而导致的视觉混乱。

option = {
    xAxis: {
        type: 'category',
        data: [
            "这是一个非常长的标签名称用来测试换行效果",
            "这是另一个很长的标签用于展示换行功能"
        ],
        axisLabel: {
            formatter: function (value) {
                var provideNumber = 2; // 控制每行显示几个字[^1]
                var result = '';
                while (value.length > provideNumber) {
                    result += value.substring(0, provideNumber) + '\n';
                    value = value.substring(provideNumber);
                }
                result += value;
                return result;
            },
            rich: {},
            overflow: 'break'
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200],
        type: 'bar'
    }]
};

此外，还可以考虑使用 `rotate` 和 `interval` 参数进一步优化标签布局，避免因文字长度不均造成的拥挤现象[^2]：

axisLabel: {
    interval: 0,
    rotate: 45,
    ...
}