Is there a event handler for clicking on a line in a chart?

Question

Hello,I was wondering if there is any callback function for when clicking on a line in a graph so I could fire off a change in the UI or get those values if needed. I saw there was dragComplete for rectangular selection values and a selection mode for a series, but could not find anything regarding firing a function or getting values for selecting a particular line in a graph.  Thanks for your help.

Durga Gopalakrishnan · Accepted Answer

Hi Austin,

Greetings from Syncfusion.

We suggest you use chartMouseClick event to get the series values. In the sample, based on target id we have selected the series. We have attached the sample for your reference. 





 onChartMouseClick(args) { 
    if (args.target.indexOf("charts_Series") > -1) {
      let seriesIndex = parseInt(args.target.charAt(args.target.length - 1));
      let series = this.chartInstance.series[seriesIndex];
      console.log(series);
    }  }
Sample : https://stackblitz.com/edit/react-siuza5


Please revert us if you have any concerns.

Regards,
Durga G