搜索

首页  >  问答  >  正文

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

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

过去多啦不再A梦过去多啦不再A梦2770 天前735

全部回复(3)我来回复

  • 迷茫

    迷茫2017-05-19 10:21:29

    legend配置项下面有个formatter

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

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:21:29

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

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

    回复
    0
  • phpcn_u1582

    phpcn_u15822017-05-19 10:21:29

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

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

    回复
    0
  • 取消回复