echarts图例如果有多行，如何让上下两个图例对齐

option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center',
    width: 440,
    itemGap: 10,
    textStyle: {
      width: 80,
      backgroundColor: 'transparent'
    }
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '40',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' },
        { value: 484, name: 'Union Adsf' },
        { value: 300, name: 'Video Adsh' }
      ]
    }
  ]
};

实现效果：

 注：自己再写代码时亲自测过，
ps:要想实现一样的宽度，只设置宽度不会有效果，必须加上 backgroundColor: 'transparent'才会生效【这是自己在做项目时发现的】

不喜勿碰！！！！！