echarts动态加载legend时候的坑

最新推荐文章于 2024-06-04 10:35:52 发布

-lim-

最新推荐文章于 2024-06-04 10:35:52 发布

阅读量2.1w

点赞数 3

分类专栏：问题解决文章标签：前端

本文链接：https://blog.csdn.net/keseliugeizuori/article/details/77703448

版权

问题解决专栏收录该内容

8 篇文章 0 订阅

订阅专栏

当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才可以。