typescript - Neki Plotly događaji grafikona ne rade ispravno u Angular 6


Koristim plotly.js s Angularom za izradu nekih grafova, ali neki događaji se ne pokreću. Koristim ovaj omotač: https://github.com/plotly/angular-plotly.js i događaj 'selected' koji odgovara 'plotly_selected' ne radi. Evo mog koda:

Prikaz :

<plotly-plot [data]="myData" [layout]="myLayout" (selected)="selected($event)" (hover)="hover($event)"></plotly-plot>

Komponenta :

selected = (e) => {
    console.log('Selected e is: ', e);
}

hover(event: any): void {
    console.log(event);
}

'hover' radi u redu, ali 'selected' se nikada ne poziva.

Također sam pokušao koristiti Vanilla JS:

Prikaz :

<div class="graph-item" #graphBox id="graphBox">

Komponenta :

// this works
(document.getElementById('graphBox') as any).on('plotly_hover', function(data){
    console.log('data is: ', data);
});

// this doesn't work
(document.getElementById('graphBox') as any).on('plotly_selected', function(data){
    console.log('data is: ', data);
});

Postoji li drugi način korištenja Plotlyja s Angularom? Trebam raditi s Plotly događajima kako bih sinkronizirao više grafikona. Molim vas savjetujte. Hvala!