echart文字换行

在Echart中实现文字换行可以使用formatter函数来实现。可以通过设置formatter函数来自定义X轴的类目项文字的显示方式。下面是一个例子：

formatter: function(value){
  var ret = ""; // 拼接加\n返回的类目项
  var maxLength = 5; // 每项显示文字个数
  var valLength = value.length; // X轴类目项的文字个数
  var rowN = Math.ceil(valLength / maxLength); // 类目项需要换行的行数
  
  if (rowN > 1) { // 如果类目项的文字大于5
    for (var i = 0; i < rowN; i++) {
      var temp = ""; // 每次截取的字符串
      var start = i * maxLength; // 开始截取的位置
      var end = start + maxLength; // 结束截取的位置
      
      temp = value.substring(start, end) + "\n";
      ret += temp; // 拼接最终的字符串
    }
    
    return ret;
  } else {
    return value;
  }
}

以上代码将X轴的类目项文字按指定的长度分割成多行，并在每行末尾添加换行符"\n"，以实现文字换行效果。你可以根据实际需求修改maxLength的值来控制每行显示的文字个数。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [Typora入门使用指南.md](https://download.csdn.net/download/m0_46432705/12436217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [echarts 的文字换行](https://blog.csdn.net/MAYA_G/article/details/109581134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]