echarts动态加载legend时候的坑

来源：互联网发布：scala 数组切分编辑：程序博客网时间：2024/06/08 11:40

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

阅读全文

0 0