echart图表里怎么样title换行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart图表里怎么样title换行相关的知识,希望对你有一定的参考价值。

参考技术A

直接在要换行的时候输入\\n


参考技术B xAxis:
data: ['Security Patch\n2017-06-05', 'Security Patch\n2017-07-05', 'GMS 7.1_R3', 'GMS 7.1_R4']
,
加\n就可以了
参考技术C 素我 不明白楼主说的肩标题,而且,发布的时候,还有个简短标题选项的,也就是简介

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

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

 

而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方法的设置里 

以上是关于echart图表里怎么样title换行的主要内容,如果未能解决你的问题,请参考以下文章

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

echartsd的title怎么换行

echart图的标题和图例重叠

一个页面中既有echarts2的图表也有echarts3的图表应该怎么做

echarts图表在ie8不显示,ie9显示,怎么解决这个问题

Echarts中一个图表可以定义两个legend图例吗