1、創(chuàng)建一個方法

 // 參數(shù)一：是你的option
// 參數(shù)二：是多少個字就換行
// 參數(shù)三：是x軸還是y軸 可選項 'yAxis' OR 'xAxis'
 newline(option, number, axis) {
            /* 此處注意你的json是數(shù)組還是對象 */
            option[axis][0].axisLabel = {
                interval: 'auto',
                margin: 55, 
                textStyle: {
                    align: 'left'  // 文字左對齊
                },
                formatter: (params) => {
                    let newParamsName = '';
                    const paramsNameNumber = params.length;
                    const provideNumber = number;
                    const rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                    if (paramsNameNumber > provideNumber) {
                        for (let p = 0; p < rowNumber; p++) {
                            let tempStr = '';
                            const start = p * provideNumber;
                            const end = start + provideNumber;
                            if (p == rowNumber - 1) {
                                tempStr = params.substring(start, paramsNameNumber);
                            } else {
                                tempStr = params.substring(start, end) + '\n';
                            }
                            newParamsName += tempStr;
                        }
                    } else {
                        newParamsName = params;
                    }
                    return newParamsName;
                }
            };
            return option;
        },

許多人使用echarts.js時候會出現(xiàn)數(shù)據(jù)名太長覆蓋的情況，newline（）這個方法，能夠很好解決這種換行問題

2、使用方法請往下看↓↓↓

 this.chart = echarts.init(this.$refs.chart);
const option = {}
 const option1 = this.newline(option, 4, 'yAxis');
this.chart.setOption( option1 );