EchartsX轴如何让字进行换行
有些Echarts图会让X轴的字体进行换行,需要在xAxis的axisLabel里面加入formatter的方法:xAxis:{axisLable:{formatter:function(value)//X轴的内容{var ret = ""; //拼接加\n返回的类目项var max = 2;//每行显示的文字字数var val = val
·
有些Echarts图会让X轴的字体进行换行,需要在xAxis的axisLabel里面加入formatter的方法:
xAxis:{
axisLable:{
formatter:function(value) //X轴的内容
{
var ret = ""; //拼接加\n返回的类目项
var max = 2; //每行显示的文字字数
var val = value.length; //X轴内容的文字字数
var rowN = Math.ceil(val / max); //需要换的行数
if(rowN > 1) //判断 如果字数大于2就换行
{
for(var i = 0; i<rowN;i++){
var temp = "", //每次截取的字符串
var start = i * max; //开始截取的位置
var end = start + max; //结束截取的位置
temp = value.substring(start,end)+ "\n";
ret += temp; //最终的字符串
}
return ret;
}
else {return value}
}
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)