typescript - Niektoré udalosti grafov Plotly nefungujú správne v Angular 6


Používam ploty.js s Angularom na tvorbu niektorých grafov, ale niektoré udalosti sa nespúšťajú. Používam tento wrapper: https://github.com/plotly/angular-plotly.js a udalosť 'selected', ktorá zodpovedá 'plotly_selected', nefunguje. Tu je môj kód:

Zobraziť :

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

Komponent :

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

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

'hover' funguje správne, ale 'selected' sa nikdy nevyvolá.

Skúsil som použiť aj Vanilla JS:

Zobraziť :

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

Komponent :

// 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);
});

Existuje iný spôsob, ako používať Plotly s Angularom? Potrebujem pracovať s udalosťami Plotly, aby som synchronizoval viacero grafov. Prosím, poraďte mi. Ďakujem!