AmCharts Legend，如何在图表中的数据更改上重新单击未单击的图例

Question

I have a divergent stacked bar chart from Am charts that I have built custom filters for, the filters change the data by replacing the entire amChart.data with a new preprepared JSON data. I'm using Angular 8 with typescript and no backend, the JSON data are saved in the assets and loaded by a service then passed on to the chart.

These are the relevant code snippets, unfortantly I am not alowed to share the entire code.

 @Input() dataToDisplay: EventEmitter<any>;

 private amChart: any;

constructor(private wh: WarehouseService) {}

ngOnInit() {
 this.currentYearDisplayed.subscribe(async year => {
  await this.wh.loadData(year);
  this.loadDataIntoChart();
});
this.dataToDisplay.subscribe(data => {
  if (this.amChart) {
    this.amChart.data = data;
    this.amChart.invalidateData();
  }
});

}

  loadDataIntoChart() {
    if (this.amChart) {
      this.amChart.data = this.wh.filteredSet;
    }
  }

The initial chart looks like this

I unclick the Legend Aufwand, the dark blue line disapear. I click on a filter that changes the data and reloads (while the Aufwand Legend is still uncklicked)

Chart then looks like this

My Legend code is

   // Legend
    this.amChart.legend = new am4charts.Legend();
    this.amChart.legend.position = "right";
    this.amChart.legend.width = 100;

What I have been trying to do, is simply reclick all inactive legends on data change before loading the data, I couldn't find proper setting in the documintation or here in stackoverflow.

Any help is appreciated and thank you in advance.

Answer 1

You can unhide hidden series via API by calling show() method on its object.

The following will unhide all series:

this.amChart.series.each(function(series) {
  series.show();
});