javascript - 當echarts的legend字數過多的時候，要如何變成省略號呢？

Question

我現在在做echarts餅狀圖，其中legend是動態生成的，有時候後台會傳十幾個文字過來，樣式很難看，我現在想實現：當單個legend中的文字超過8個的時候，自動變成「...」省略號(如下圖)，求大神指點。

#

Answer 1

legend配置項下面有formatter

formatter: function (name) {
    return (name.length > 8 ? (name.slice(0,8)+"...") : name ); 
}

Answer 2

判斷一下然後用字串拼接吧。

if(name.length>8){
    name=name.slice(0,8)+"..."
}

Answer 3

如果圓餅圖上不顯示標註的話，後台傳過來資料之後就可以進行截取了。
或者就進行格式化formatter。

formatter: function(name){
            return name.length>8?name.substr(0,7)+"...":name;
        }