echarts中实现自定义legend数据

本文介绍: 直接使用 echarts中属性的格式器formatter就可以解决了，因为formatter是一个标准的function，可以在其中对数据进行一些操作，最后返回想要展现的数据即可

很久很久以前，我刚使用 echarts，更新了一篇关于 echarts中formatter 实现动态 legend的blog，很多人来问是如何实现的，一直很忙，懵懵懂懂也在没看，近来抽时间更新了一下实现方式

类似于以下这种图例，很多新手没办法下手了，其实直接使用 echarts中属性的格式器formatter就可以解决了，因为format t er是一个标准的function，可以在其中对数据进行一些操作，最后返回想要展现的数据即可。
在这里插入图片描述

data(){
 let that = this
 return{ 
	option:&gt;&gt;legend
	legend: {
	    orient:'vertical',
	    // top: 'center',
	    top: '8%',
	    right: '13%',
	    width: '50%',
	    fontSize:'14',
	    itemGap:8,
	    itemHeight: 10,   //图例大小
	    formatter: function(labelName) {
	      const { dataList } = that
	      for (let index = 0; index < dataList.length; index++) {
	        const { name, value, percentage } = dataList[index];
	        if (dataList[index].name == labelName) {
	          return `${labelName}   ${value}   ${percentage}`
	        }
	      }
	    }
	  },
	}
}