echarts环形图 legend文字过长显示...鼠标移动上展示全称

Eli-sun

已于 2024-05-11 15:50:07 修改

阅读量577

点赞数 4

文章标签： echarts javascript 前端

于 2024-05-11 15:48:27 首次发布

本文链接：https://blog.youkuaiyun.com/vfjcgg/article/details/138718659

版权

legend: {
            type: 'scroll',
            orient: 'vertical',
            x: 'left',
            y: 'bottom',
            top: "42%",
            left: '13%',
            data: this.dutyNames,
            textStyle: { color: '#fff' },
            triggerEvent: true,
            tooltip: {
              show: true,
              trigger: 'item',//鼠标移动上去展示全称
            },
            formatter: function (params) {
              var val = "";
              if (params.length > 6) {
                val = params.substr(0, 16) + '...';
                return val;
              } else {
                return params;
              }
            }
     },