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!