javascript - Wie kann man die Legende von Echarts in Auslassungspunkte umwandeln, wenn sie zu viele Zeichen enthält?

Question

Ich erstelle gerade ein Echarts-Kreisdiagramm, in dem die Legende dynamisch generiert wird. Manchmal werden mehr als ein Dutzend Texte in den Hintergrund geschickt, und der Stil ist hässlich: Wenn der Text in einer einzelnen Legende ist Wenn der Wert 8 überschreitet, wird er automatisch in die Auslassungspunkte „…“ geändert (siehe Abbildung unten). Bitte geben Sie mir einen Rat.

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;
        }