echarts图表里label文字过长换行的方法
2017-09-21 11:16
2401 查看
在做一些图标时,有时会出现显示文字过长的问题,需要将其按照指定的字数换行,像下图这样
而echarts没有提供换行的方法,但是可以使用fomatter方法进行设置,代码如下
成功! 此方法可以用在任何支持fomatter方法的设置里
而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方法的设置里
相关文章推荐
- echarts2 饼图处理标签文字过长使之达到指定字数换行的目的
- echarts x/y轴坐标文字过长解决办法-换行
- c# 单行文字过长,换行方法
- IOS中select下拉框文字过长不换行并且出现省略号的解决方法
- echarts 关于axisLabel文字换行显示
- Echarts中axislabel文字过长导致显示不全或重叠
- IOS中safari下的select下拉菜单文字过长不换行的解决方法
- Echarts 关于axisLabel中值太长自动换行处理工具方法 ;经测试 360、IE7-IE11、google、火狐均正常换行
- highcharts图表中级入门之xAxis label:X(横)坐标刻度值过长截断多行(换行)显示问题说明
- C#在WinForm开发中Label换行方法
- ECharts图表中级入门之formatter:夜谈关于ECharts图表内的数据格式化方法
- label文字太多导致与控件换行的问题
- 当文字过长时裁剪(显示省略号或只裁剪 用CSS方法,不用程序)
- Echarts 饼图标题文字换行问题
- Echarts-axislabel文字过长导致显示不全或重叠
- TTTAttributedLabel 使用方法 (可点击文字文本)
- C# WinForm 中控件(Label,Button等) 文本自动换行 解决方法
- 关于IOS中safari下的select下拉菜单,文字过长不换行的问题
- echarts同一页面中四个图表切换的js数据交互方法示例
- CSS实现标题文字过长部分显示省略号的方法