当echarts的legend字数过多的时候,如何变成省略号呢?

我现在在做echarts饼状图,其中legend是动态生成的,有时候后台会传十几个文字过来,样式很难看,我现在想实现:当单个legend中的文字超过8个的时候,自动变成“...”省略号(如下图所示),求大神指点。

clipboard.png

阅读 8.9k
3 个回答

legend配置项下面有个formatter

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

判断一下然后用字符串拼接吧。

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

如果饼图上不显示标注的话,后台传过来数据之后就可以进行截取了。
或者就进行格式化formatter。

formatter: function(name){
            return name.length>8?name.substr(0,7)+"...":name;
        }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题