echart两个饼状图用同一个legend

可以通过设置 legend 的 data 属性来实现两个饼图使用同一个 legend，具体步骤如下：

1. 在第一个饼图中设置 legend 的 data 属性，包含需要展示的所有数据项的名称。

var option1 = {
  legend: {
    orient: 'horizontal',
    data: ['数据项1', '数据项2', '数据项3']
  },
  series: [{
    type: 'pie',
    data: [
      {value: 335, name: '数据项1'},
      {value: 310, name: '数据项2'},
      {value: 234, name: '数据项3'}
    ]
  }]
};

2. 在第二个饼图中设置 legend 的 data 属性，使用第一个饼图中已经设置好的数据项名称，不需要再次定义。

var option2 = {
  legend: {
    orient: 'horizontal',
    data: ['数据项1', '数据项2', '数据项3']
  },
  series: [{
    type: 'pie',
    data: [
      {value: 100, name: '数据项1'},
      {value: 200, name: '数据项2'},
      {value: 300, name: '数据项3'}
    ]
  }]
};

3. 将两个饼图的 option 对象合并，然后渲染图表。

var option = Object.assign({}, option1, option2);
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

这样就可以实现两个饼图使用同一个 legend 的效果。