Below is the codebase that I am working with:
export class myComponent implements OnInit {
minHist;
maxHist;
}
public callAmcharts(whichFilterType:String){
this.amchart = AmCharts.makeChart( "chart", {
"type": "serial",
"theme": "light",
"dataProvider": this.TrendData,
"valueAxes": [ {
"gridColor": "#FFFFFF",
"gridAlpha": 0.2,
"dashLength": 0
}],
"gridAboveGraphs": true,
"startDuration": 1,
"graphs": [ {
"balloonText": "[[category]]: <b>[[value]]</b>",
"fillAlphas": 0.8,
"lineAlpha": 0.2,
"type": "column",
"valueField": "dCount",
"showHandOnHover":true
} ],
"chartCursor": {
"categoryBalloonEnabled": false,
"cursorAlpha": 0,
"zoomable": false
},
"categoryField": "dRange",
"categoryAxis": {
"gridPosition": "start",
"gridAlpha": 0,
"tickPosition": "start",
"tickLength": 20,
"labelRotation": 45
},
"export": {
"enabled": true
}
});
this.amchart.addListener("clickGraphItem",this.myfunc);
}
After implementing onclick event myfunc, I am facing an issue where I cannot access any global variables using this. This seems to be causing the error message
Uncaught TypeError: Cannot set property 'minHist' of undefinedpublic myfunc(e:any){
var range= e.item.category;
let range_arr = range.split("-");
this.minHist=range_arr[0];
this.maxHist=range_arr[1];
}