How to fetch the label and value on click.

[sbded]

I am using a bar chart and I want to get the the label and value of the bar that is clicked. Sample code does not provide any example of this. Can anyone please advise? Thanks.

Example: Get label 'Orange' and value '19' from the sample bar chart.

Source Code:

<c-chart type="bar" responsive="true" stylecss="position: relative; margin: auto;" events='["click"]'>
 <c-dataset labels='["Blue", "Orange", "Yellow", "Green", "Light Blue", "Purple"]'>
  <c-data label="# of Votes" detail="[12, 19, 7, 9, 5, 15]" backgroundcolor='[
   "rgba(82, 183, 216, 0.2)",
   "rgba(225, 96, 50, 0.2)",
   "rgba(255, 176, 59, 0.2)",
   "rgba(84, 167, 123, 0.2)",
   "rgba(79, 210, 210, 0.2)",
   "rgba(226, 135, 178, 0.2)"
   ]' bordercolor='[
    "rgba(82, 183, 216, 1)",
    "rgba(225, 96, 50, 1)",
    "rgba(255, 176, 59, 1)",
    "rgba(84, 167, 123, 1)",
    "rgba(79, 210, 210, 1)",
    "rgba(226, 135, 178, 1)"
   ]' borderwidth="1"></c-data>
 </c-dataset>
 <c-title text="Bar Chart"></c-title>
 <c-legend position="right"></c-legend>
 <c-cartesian-category-axis axis="x" position="top"></c-cartesian-category-axis>
</c-chart>

[iamshubhamcs]

Hi @sbded were you able to find a solution for this?