当前位置: 代码迷 >> 综合 >> ngx-echarts legend点击不置灰
  详细解决方案

ngx-echarts legend点击不置灰

热度:42   发布时间:2023-12-15 05:14:40.0

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的apithis.echartsInstance._api.dispatchAction({type: 'legendSelect',name});}
}