Echarts 标签过长如何让axisLabel换行

Echarts.option.xAxis.data文本内容过长怎么办？官方给出的解决方案是：对文本进行倾斜，或者隐藏过长的文本，但是并没有给出换行的预期效果。本文档针对axisLabel的formatter属性,为其设置一个回调函数来达到换行的处理。

作者：Reese
时间：2015-08-21
备注：希望这个文档能对大家有帮助，有用你就悄悄copy走，再默默地给我点个赞~ (≧▽≦)/

---

目录

---

Part 1 效果图展示

PS：还可以控制每行显示的字数个数哦(^o^)/~

---

Part 2 回调函数

/**
xAxis.axisLabel.formatter 回调函数 实现标签过长的换行处理
通过设置provideNumber，控制每行显示的字数

作者：Reese 
版本：V0.1

使用方式一（静态）：
直接将代码段写在定义里
    xAxis: {
        //其余省略
        axisLabel:{
            interval: 0,//标签设置为全部显示
            formatter:function(params){
            //粘贴以下function内未注释的代码
            }
        }
    }

使用方式一（动态）：
代码段在var option={};之后，在myChart.setOption(option);之前
    option.xAxis.axisLabel={
        interval: 0,//标签设置为全部显示
        formatter:function(params){
        //粘贴以下function内未注释的代码
        }
    }
 */
function(params){
    var newParamsName = "";// 最终拼接成的字符串
    var paramsNameNumber = params.length;// 实际标签的个数
    var provideNumber = 4;// 每行能显示的字的个数
    var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
    /**
     * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
     */
    // 条件等同于rowNumber>1
    if (paramsNameNumber > provideNumber) {