Ng2-charts: Click event behavior
Using ng2-charts, I have created a bar chart. Using chartClick event, I am not able to differentiate on which bar the click event is happening. Could you please let me know if there is any way to differentiate it?
RKornu
All 3 comments
Below is one way to solve this issue:
public chartClicked(e: any): void {
if (e.active.length > 0) {
var chartElement = e.active[0]._chart.getElementAtEvent(event);
console.log(chartElement[0]._model.datasetLabel)
}
}
RKornu
on 30 Jun 2017
Hi,
I am new in Angular so please don't mind me asking basic questions.
My query- I have a bar graph and my project requirement is to display all the bar details with some additional info in a TABLE when clicked on bars of graph.
Please help as to how i can implement this or share me some useful links.
Thanks in advance.
kairos2489
on 16 Apr 2018
chartElement[0]._model.datasetLabel it's for lable. what I need use to print bar chart clicked value. Could you please let me know.
RA344710
on 22 May 2018
Related issues
SteeledSlagle13
路
3Comments
sarn3792
路
4Comments
tushartgsit
路
5Comments
shyamal890
路
4Comments
alexcastillo
路
5Comments
Most helpful comment
Below is one way to solve this issue:
public chartClicked(e: any): void {
if (e.active.length > 0) {
var chartElement = e.active[0]._chart.getElementAtEvent(event);
console.log(chartElement[0]._model.datasetLabel)
}
}