处理echarts中的图例换行并对齐(如果legend.formatter是个回调)

LaoNa1998

于 2022-10-12 14:21:33 发布

阅读量1.4k

点赞数

分类专栏：笔记文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/qq_44862208/article/details/127281926

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

如果legend.formatter是个回调函数，该怎么处理换行呢，如下

textStyle: {
          color: '#B3C3DF',
          fontSize: 14,
          width: 80,
          rich: {
            a: {
              width: 125, // 这里调整宽度
              fontSize: 12,
              lineHeight: 12
            }
          }
        },
        formatter: function (name) {
          var val = 0
          var total = 0
          for (var n = 0; n < data1.length; n++) {
            total += data1[n].value
            if (name === data1[n].name) {
              val = data1[n].value
            }
          }
          var p = ((val / total) * 100).toFixed(0)
          let arr = ['{a|' + name + ':' + ' ' + val + '件' + ' ' + p + '%' + '}']  // 只需要在这里处理回调函数即可 
          return arr.join('\n')
        }