Click event on line in line chart

• August 28, 2023 at 12:58 pm #43637
  
  n.osennij

  How can I fire event when clikcing on line (not dots on line) using line chart.

  Example – basic line chart. I want click on line (mart it with yellow arrow on image) and fire click event, where I want get all line data or index.

  

  How can I do this?

  August 28, 2023 at 12:59 pm #43638
  
  n.osennij

  how can I make click event when click on line (line chart) – not dots on line, but line itself?

  September 4, 2023 at 7:27 pm #43687
  
  Sachin Bisht

  @n-osenni,

  CanvasJS click event is fired only when you click on datapoint (marker) & not when you click on line as of now. However, with a few lines of code you can achieve to detect if the click has happened on the line. To do so, you can bind click event to the chart canvas & with the help of point on the line formula, you can determine whether the click happened on the line connecting two datapoints.

  Please take a look at this JSFiddle for a working example.

  

  __
  Sachin Bisht
  Team CanvasJS