Plotly нажмите событие в угловых 2 приложения

Question

Я пытаюсь использовать plotly Java событие сценария щелчка в угловом 2 проекта, но она возвращается ошибку ниже

Property «на» не существует на типе «HTMLElement».

let myPlot = document.getElementById('donutChartId'); 
myPlot.on('plotly_click', function(data){ 
console.log(data.points[0].label); 
}); 

Угловая конструкция не работает из-за этого.

Answer 1

.on() является jquery method

Если вы используете Jquery в вашем приложении вы можете создать объект Jquery от выбранного элемента, чтобы использовать этот метод.

let myPlot = document.getElementById('donutChartId'); 

to 

let myPlot = $(document.getElementById('donutChartId')); 

Надеюсь, это поможет!

Answer 2

Думайте, что это скорее ошибка компиляции. Но ваш код будет работать. Если вас беспокоит ошибка. Вы можете создать дочерний класс для класса HTMLElement ES6. Добавьте приведенный ниже код в свой компонент.

class CustomHTMLElement extends HTMLElement { 
    constructor() { 
    super(); 
    } 
    on(event_type, cb) { 
    } 
} 

и приведение типа при выборе элемента

let myPlot = <CustomHTMLElement>document.getElementById('donutChartId');