echarts动态加载legend时候的坑

当echarts动态加载legend的时候,我刚开始这么写的:

var myChart = echarts.init(element.find("#mpuchart").get(0));
var option = {
      tooltip: {
        trigger: 'axis'
      },
      legend: {
        data: []
      },
      grid: {
        left: '3%',
        right: '10%',
        bottom: '3%',
        containLabel: true
      },
      toolbox: {
        show: true,
        orient: 'vertical',
        //x: 550,
        y: 'center',
        // padding:-7,                // 工具箱内边距,单位px,默认各方向内边距为5,
        showTitle: true,
        feature: {
          dataZoom: {
            yAxisIndex: 'none'
          },
          dataView: {
            readOnly: false
          },
          magicType: {
            type: ['line', 'bar']
          },
          restore: {},
          saveAsImage: {}
        }
      },
      xAxis: [{
        type: 'time',
        formatter: function(params) {
          return params.Substring(0, params.Length - 1);
        },
        splitNumber: 10
      }],
      yAxis: {
        type: 'value'
      },
      // series: data2
      series: []
    };
    myChart.setOption(option);
      var option1=myChart.getOption();
    option1.legend.data=data1;
    option1.series=data2;
    console.log(option1);
    myChart.setOption(option1,true);
结果发现怎样运行都是不行的,最后多方查询后才知道,如下写才可以:

	var option1=myChart.getOption();
        var legend={data:data1};
        option1.legend=legend;
        option1.series=data2;
        console.log(option1);
        myChart.setOption(option1,true);
不能单独为legend的data赋值,要赋值legend才可以。


你可能感兴趣的:(问题解决)