Я использую angular-highcharts
реализацию highcharts
в моем угловом приложении.В этом примере я взял
chart = new Chart({
chart: {
type: 'spline',
events: {
click: (e) => {
this.getCategory(this.chart.ref.series[0].searchPoint(e, true).category);
}
}
},
title: {
text: 'Monthly Average Temperature'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature'
}
},
tooltip: {
crosshairs: true,
shared: true
},
plotOptions: {
spline: {
marker: {
radius: 4,
lineColor: '#666666',
lineWidth: 1
}
}
},
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
})
Если вы посмотрите на свойство диаграммы внутри объекта диаграммы
chart: {
type: 'spline',
events: {
click: (e) => {
this.getCategory(this.chart.ref.series[0].searchPoint(e, true).category);
}
}
}
, я связываю событие click с методом getCategory(category : any)
, присутствующим внутри моегоcomponent.
Теперь проблема в том, что когда я звоню this.chart.ref.series[0].searchPoint(e,true)
, в IDE выдается ошибка, в которой говорится, что свойство 'searchPoint ()' не существует в типе 'chart' ', но когда я запускаю его ввеб-браузер с этой ошибкой, работает нормально.* * * * * * * * * * * * * * * * * * * * * * * * * * * * * Теперь, как удалить эту ошибку "свойство не существует" из компонента.Я пытался использовать скобочные обозначения, но у меня это не сработало.