Некоторые события диаграммы Plotly не работают должным образом в Angular 6

Question

Я использую ploty.js с Angular для построения некоторых диаграмм, но некоторые события не запускаются.Я использую эту оболочку: https://github.com/plotly/angular-plotly.js, и событие «selected», которое соответствует «plotly_selected», не работает.Вот мой код:

Вид:

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

Компонент:

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

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

«hover» работает нормально, но «selected» никогда не вызывается.

Я также пытался использовать Vanilla JS:

Вид:

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

Компонент:

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

Есть ли другой способ использования Plotly с Angular?Мне нужно работать с событиями Plotly для синхронизации нескольких графиков.Пожалуйста, порекомендуйте.Спасибо!