有些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}
            }
    }
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐