第一次接触echarts,遇到了很多问题,最主要的是因为文字太多不能换行,如果把文字大小设置小一点话,又影响用户体验,下面是刚遇到这种问题的截图
首先,用echarts的时候,应该先了解需要用到该控件每个部分的功能以及作用
这里是参考地址
更改之前的代码
用了很多方法,标题文字不能更改换行,公司大佬一出手轻易解决
大佬解决的方式:
1.找到主标题文字对应的回调函数(在控制台看打印效果),获取出值
2.重新赋值
3.根据需要截取的文字长度后面加换行
4.将取到的值截取
这里已经可以看到打印的数据
更改之后的代码截图
此时主标题长度不能换行的问题已经解决
还有副标题文字因为长度不能换行
解决问题
文字不再遮挡,可以换行正常显示
解决问题的主要代码:
var arr1 = titStr.split('') // 通过initdata下标获取到值,然后截取文字
var str1 = ""
for(var i=0,s;s=arr1[i++];){
str1+=s;
if(!(i%6))str1+='\n';//可以根据自己实际的需要来截取每几个字换行
}