echarts图表里label文字过长换行的方法

echarts图表里label文字过长换行的方法

echarts图表X轴文字过长解决解决方案：根据文字长度自动旋转

Echarts中x轴或y轴label换行_智扬信达_新浪博客

ECharts 使用yAxis.axisLabel.formatter自定义Y轴刻度标签--两种方法（字符串模板和函数模板）_旭东怪的博客-CSDN博客_axislabel formatter

在做一些图标时,有时会出现显示文字过长的问题,需要将其按照指定的字数换行,像下图这样

而echarts没有提供换行的方法,但是可以使用fomatter方法进行设置,代码如下

formatter: function(val) {
  var strs = val.split(''); //字符串数组
  var str = ''
  for(var i = 0, s; s = strs[i++];) { //遍历字符串数组
  str += s;
  if(!(i % 2)) str += '\n'; //按需要求余
  }
  return str
}

成功! 此方法可以用在任何支持fomatter方法的设置里