Canvas In React

[weihengtest1990]

Hi, I have few question here, I have multi line chart and multi serials at each chart. So,

1) How to sync tooltip multi charts in react? Any example?

2)How to get the X,Y point when mouse On Click?

3)How to mark the specific point at one of the serials?

Thank You

[weihengtest1990]

Hi, question 1 solve. Just add the updated and hidden function in the toolTip option. Now left other question,

1)How to get the X,Y point or other info like which serial when mouse on Click?

2)How to mark the specific point at one of the serials when ploting the charts?

3)Possible add the mark when mouse on click and get the x,y point or other info together?

Thanks You

[Vishwas R]

@weihengtest1990,

How to sync tooltip multi charts in react? Any example?

You can sync tooltip across multiple chart using updated event & showAtX method. Please refer documentation for more info.

How to get the X,Y point or other info like which serial when mouse on Click?

You can use click event of dataSeries to get information related to dataPoint & dataSeries that’s clicked.

How to mark the specific point at one of the serials when ploting the charts?

You can set the markerSize to 10 / 12 to highlight a dataPoint. However can you kindly share a pictorial representation of your requirement so that we can understand it better and help you out?

Possible add the mark when mouse on click and get the x,y point or other info together?

You can use click event of dataSeries to get information related to dataPoint & dataSeries that’s clicked. Also you can change the markerType of dataPoint on click so that you can mark the dataPoint differently.

—
Vishwas R
Team CanvasJS