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!