Echarts 餅狀圖 懸停多行顯示問(wèn)題解決方法

E charts 圖表? 通常只會(huì)顯示一行


如圖所示

當(dāng)項(xiàng)目需要顯示兩行,三行或者更多時(shí) 需要自定義這一塊顯示數(shù)據(jù)。

首先 找到配置參數(shù)位置


formatter

formatter 可以作為直接參數(shù) 也可以做為函數(shù)進(jìn)行數(shù)據(jù)處理

舉例:

formatter:function (params){

????????console.log(params)? //輸出的params是來(lái)自series的data數(shù)據(jù)源

}

我們可以使用return? 返回字符串模版的 拼接數(shù)據(jù)

如圖

此時(shí)已經(jīng)完成需求,但是返回的數(shù)值沒(méi)有百分比,需要對(duì)數(shù)據(jù)再次處理


模版變量

其中u0z1t8os 代表? 百分比,強(qiáng)行使用u0z1t8os 是不顯示比例的,通過(guò)輸出測(cè)試,發(fā)現(xiàn)


d = percent

因此? 在模版字符串中直接拼接該參數(shù):


End? 完成!
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容