修改lengend

formatter: (name) => {if (this.seriesData.length) {let sum = 0;this.seriesData.forEach((item) =>{sum += parseFloat(item.value)})const item = this.seriesData.filter((item) => item.name === name)[0];if(name.length > 2){name = name.slice(0,2)+'...';}return `{name|${name} :}{rate| ${(parseFloat(item.value/sum)*100).toFixed(2)}%}`;} },

?

if(name.length?>?2){name?=?name.slice(0,2)+'...';}?

設置只顯示兩個文字，如果超過兩個文字，則顯示省略號。

最終樣式：

?

?

總結

以上是生活随笔為你收集整理的echarts实现给图例添加单位、百分比，以及图例文字过长显示省略号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。