### 使用 `axisLabel.formatter` 实现文本换行 为了使 ECharts 的 X 轴标签 (`axisLabel`) 中的长文本能够自动换行显示，可以借助于 `formatter` 属性并配合 JavaScript 字符串操作来完成这一目标。具体来说，在配置项中指定 `xAxis.axisLabel.formatter` 为一个自定义函数，该函数负责接收原始数据项作为参数，并返回经过处理后的多行字符串。 下面是一个具体的实现方式： ```javascript option = { xAxis: { type: 'category', data: ["非常长的一段描述信息可能会超出默认宽度", "另一条也很长的数据"], axisLabel: { interval: 0, rotate: 0, formatter: function (params) { var newParamsName = ""; // 新的x轴的文字 var paramsNameNumber = params.length; // 原始x轴文字的数量 var provideNumber = 4; // 每次显示几个字 var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 自动计算需要几行显示 if (paramsNameNumber > provideNumber) { for (var p = 0; p < rowNumber; p++) { var tempStr = ""; var start = p * provideNumber; var end = start + provideNumber; // 防止越界 if (p === rowNumber - 1) { tempStr = params.substring(start); } else { tempStr = params.substring(start, end) + "\n"; } newParamsName += tempStr; } return newParamsName; } else { return params; } }, } }, yAxis: { type: 'value' }, series: [{ data: [120, 200], type: 'bar' }] }; ``` 此代码片段通过遍历输入字符串中的字符数，按照设定好的每行最大长度分割原字符串，并在适当位置插入换行符 `\n` 来创建一个多行版本的新字符串[^1]。这种方法允许更灵活地控制何时以及如何拆分较长的标签名称，从而改善图表可读性和美观度[^3]。