How to implement trackball behavior in canvas line chart

• September 15, 2020 at 1:35 pm #31160
  
  Rami Mitri

  Hi,
  We wanted to show the crosshair intersected all points y values with respective legend text.
  Since we wanted vertical line , so we used axisX crosshair but it gives only one value of x instead of all intersected points y values, if it is possible we can show those y values in their respective legend text.

  Kindly provide a soultion to show y values in lendend text from axis X crosshair
  Thanks

  September 15, 2020 at 5:40 pm #31176
  
  Rami Mitri

  I have added trackball ball requirement image url: https://imgur.com/tO5AIJ2

  • This reply was modified 3 years, 7 months ago by Rami Mitri.
  • This reply was modified 3 years, 7 months ago by Rami Mitri.
  September 15, 2020 at 5:41 pm #31177
  
  Rami Mitri

  

  September 16, 2020 at 7:47 pm #31238
  
  Vishwas R

  Rami Mitri,

  You can achieve this by using updated event of toolTip as shown in this JSFiddle.

  —
  Vishwas R
  Team CanvasJS

  September 17, 2020 at 11:58 am #31242
  
  Rami Mitri

  Hi,
  Thank you for response,

  Since shared is made true, i get tool tip whenever mouse hovered on chart. I had created tooltip custom property for each datapoint, when tooltip shared was false. How to show tooltip of one datapoint info only when mouse hovered on datapoint.

  Since for above issue we need shared to be true , but also we need to show only one datapoints tootip.
  How to achieve this

  Thanks

  • This reply was modified 3 years, 7 months ago by Rami Mitri.
  September 17, 2020 at 2:11 pm #31245
  
  Rami Mitri

  And one more thing when mouse hovered out of chart how to make those datapoints value to empty which is appended with custom legends

  September 17, 2020 at 7:08 pm #31284
  
  Vishwas R

  Rami Mitri,

  You can achieve this with the help of updated & hidden events of crosshair as shown in this updated JSFiddle.

  —
  Vishwas R
  Team CanvasJS