Echart 修改legend样式

最新推荐文章于 2025-03-18 11:26:56 发布

求索ing

最新推荐文章于 2025-03-18 11:26:56 发布

阅读量485

点赞数

文章标签： echarts

本文链接：https://blog.youkuaiyun.com/weixin_47247635/article/details/120456033

版权

   legend: {
    icon: 'circle',// legend 样式
    itemHeight: 10,
    itemWidth: 10,
    orient: 'vertical',
    left: '53%',
    top: 40,
    bottom: 20,
    data: data.legendData,//legend name
    formatter: function(name) {
      var total = 0
      var target
      for (var i = 0, l = data.seriesData.length; i < l; i++) {
        total += data.seriesData[i].value
        if (data.seriesData[i].name == name) {
          target = data.seriesData[i].value
        }
      }
      return (
        name +
        '    ' +
        target +
        '       ' +
        ((target / total) * 100).toFixed(2) +
        '%'
      )
    }
  },