echarts饼图 legend设置使文字过长显示...

最新推荐文章于 2024-09-02 11:16:50 发布

孜然卷k

最新推荐文章于 2024-09-02 11:16:50 发布

阅读量1.6k

点赞数 1

分类专栏： echarts JavaScript学习文章标签： echarts 前端 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/m_e_i/article/details/128905228

版权

JavaScript学习同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

echarts

6 篇文章 0 订阅

订阅专栏

文字过长导致显示问题

legend: {
  top: '1%',
  right: 'right',
},

将legend添加一些属性

legend: {
  top: '1%',
  right: 'right',
  orient: "vartical",
  triggerEvent: true,
  tooltip: {
    show: true,
    trigger: 'item',//鼠标移动上去展示全称
  },
  formatter: function (params) {
    var val = "";
    if (params.length > 6) {
      val = params.substr(0, 6) + '...';
      return val;
    } else {
      return params;
    }
  }
},

效果