echarts中自定義tooltip的換行問題

問題描述：

鼠標移入,雷達圖的時候，內容擠在一起，我要的效果是換行:

 

此時的代碼，此時代碼里面的\n換行也是沒有效果的：

tooltip: {
    trigger: 'item',
    show:true,
       formatter:function(params){
        var s='';
        s+=params.name+'\n';
        var values=params.value.toString().split(",");
        s+='業務能力:'+values[0]+'\n';
        s+='進件效率'+values[1]+'\n';
        s+='運營能力'+values[2]+'\n';
        s+='貸后能力'+values[3]+'\n';
        s+='風控能力'+values[4]+'\n';
        //系列名稱:seriesName: string  數據名，類目名 : name: string   傳入的數據值:value: number|Array
        return s;
     }
},

 解決辦法一：

添加：

extraCssText:'width:120px; white-space:pre-wrap'//額外附加到浮層的 css 樣式 ;white-space:pre-wrap的作用是保留空格，並且除了碰到源碼中的換行和<br/>會換行外，還會自適應容器的邊界進行換行。

有朋友問我 extraCssText 加的位置：

官方文檔中描述:

 

 

tooltip: {
        trigger: 'item',
        show:true,
           formatter:function(params){
            var s='';
            s+=params.name+'\n';
            var values=params.value.toString().split(",");
            s+='業務能力:'+values[0]+'\n';
            s+='進件效率'+values[1]+'\n';
            s+='運營能力'+values[2]+'\n';
            s+='貸后能力'+values[3]+'\n';
            s+='風控能力'+values[4]+'\n';
            //系列名稱:seriesName: string  數據名，類目名 : name: string   傳入的數據值:value: number|Array
            return s;
         },
         extraCssText:'width:120px; white-space:pre-wrap'
    },

第二種方式:

直接使用 <br/>換行
                                       

轉：https://blog.csdn.net/lwang_IT/article/details/82685116