I want to change chart by another chart on zoom event in Angular, I am trying to give one of the charts "display: none" on zoom event. following code print "It works" in console on zoom event ->

chart.chartContainer.events.on("wheel", change);

function change(visibility: any){
    console.log("It works")
    }

However, I want to change style of one of the chart's and make its display none. I tried following ->

component.html

<div class="div" [ngStyle]="{'display' : visibility}" id="chartWhichIWantToHide"></div>
<div class="div" id="chart"></div>

component.ts

export class MapComponent implements OnInit {

  constructor() { }

  visibility = "flex"

  ngOnInit(): void {....

I want to make "visibility" none when change function runs (it is located in chart's function)->

function hello(visibility: any){
      visibility = "none"
    }