How to implement trackball behavior in canvas line chart

[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

[Rami Mitri]

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

• This reply was modified 4 years, 2 months ago by Rami Mitri.
• This reply was modified 4 years, 2 months ago by Rami Mitri.

[Rami Mitri]

[Vishwas R]

Rami Mitri,

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

—
Vishwas R
Team CanvasJS

[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 4 years, 2 months ago by Rami Mitri.

[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

[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