apexcharts.js
apexcharts.js copied to clipboard
Click events doesn't generate dataPointIndex and seriesIndex for Pie Charts
Bug report
Codepen
https://codepen.io/MadBoyEvo/pen/ExNbVeo
Explanation
- What is the behavior you expect?
Both dataPointSelection and click event should return dataPointindex or/and series for all types of events correctly.
- What is happening instead?
Following code behaves differently for different charts. For Pie charts only dataPointSelection provides dataPointIndex, but click event always return -1, -1. Click event for bar chart works correctly so I'm assuming this is a bug, not a feature. Maybe other chart types have the same issue.
events: {
dataPointSelection: function (event, chartContext, config) {
console.log(config.dataPointIndex + " " + config.seriesIndex);
},
click: function (event, chartContext, config) {
console.log(config.dataPointIndex + " " + config.seriesIndex);
}
}
- What error message are you getting?
No error message.
This issue is also preventing me from detecting double-click events on a pie chart, since I apparently can't access the data point index that was clicked.
Yeah this is a bug. I think you can get around this by using event.target.parentElement.getAttribute("data:realIndex")
i.e
chart: {
type: 'pie',
events: {
click: function(event, chartContext, config) {
console.log(event.target.parentElement.getAttribute("data:realIndex"))
}
}
},
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Please fix, not close.
Please fix, not close2
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Please fix not close.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Not stale.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
any idea? I'm getting config.dataPointIndex
as -1 while hovering over a line graph
I have the same issue but I will use the trick with event.target.parentElement.getAttribute("data:realIndex")