ngx-echarts legend点击不置灰

1 html代码

<div echarts id="powerline" [options]="option" (chartInit)="onChartInit($event)" (chartLegendSelectChanged)="chartLegendSelectChanged"></div>

1 使用chartInit获取到图标的实例

onChartInit ($event) {
    this.echartsInstance = $event;
}

2  legend的点击事件使用chartLegend

// name: 当前选中legend的名称，selected：所有legend现在的选中状态，type：代表使用的是什么方法
chartLegnedSelectChanged ( {name, selected, type }) {
   
    if (selected[name]) {
       // 使用api的dispatchAction来改变选中状态，对于dispatchAction这个方法可以参考echart的api
        this.echartsInstance._api.dispatchAction({
           type: 'legendSelect',
           name
       });
   }
}