echart 中legend data与series name

Question

如果该变了series name的值则legend 则不显示

Answer 1

<script type="text/javascript">
  var dom = document.getElementById("ej5");
  var myChart = echarts.init(dom);
  var app5 = {};
  option = null;
  app3.title = '环形图';
  var labelOption = {
    normal: {
      show: true,
      formatter: '{c}%',
      fontSize: 16
    }
  };
  option = {
    legend: {
      data: ['水果类', '油料类', '蔬菜类', '饲料类', '药用类', '粮食类', '其他类'],
      top: '80%',
      width: '230',
      padding: 5,
      textStyle: {
        color: '#fff'
      }
    },
    series: [{
      name: '访问来源',
      type: 'pie',
      radius: ['45%', '60%'],
      data: [{
          value: 10,
          name: '水果类',
          label: labelOption,
          itemStyle: {
            color: '#31dd3d'
          }
        },
        {
          value: 10,
          name: '油料类',
          label: labelOption,
          itemStyle: {
            color: '#0576fe'
          }
        },
        {
          value: 10,
          name: '蔬菜类',
          label: labelOption,
          itemStyle: {
            color: '#fd8cf1'
          }
        }, {
          value: 20,
          name: '饲料类',
          label: labelOption,
          itemStyle: {
            color: '#ff6023'
          }
        },
        {
          value: 10,
          name: '药用类',
          label: labelOption,
          itemStyle: {
            color: '#c4ff77'
          }
        },
        {
          value: 20,
          name: '粮食类',
          label: labelOption,
          itemStyle: {
            color: '#ffc000'
          }
        },
        {
          value: 20,
          name: '其他类',
          label: labelOption,
          itemStyle: {
            color: '#22d2fd'
          }
        }
      ]
    }]
  };;
  if (option && typeof option === "object") {
    myChart.setOption(option, true);
  }
</script>
//我的目前感觉还行，你们试试呢