Get coordinates of a point

[Emeric]

Hello,

I know it’s possible to get coordinates of markers using it: chart.axisX[0].stripLines[0].get(“bounds”).x1
But is it possible to get coordinates of points in my graph ?

Thank you in advance !

[Sanjoy]

@emeric,

To know pixel coordinate of a dataPoint you can use convertValueToPixel method.

—
Sanjoy Debnath
Team CanvasJS

• This reply was modified 6 years, 9 months ago by Sanjoy.
• This reply was modified 3 years ago by Vishwas R.

[Emeric]

Thank you !

And is it possible to create a stripLine dynamically ?
For example I have a graph and when I click on a button, it will add a new StripLine.

Same question for grid, is it possible ?

[Emeric]

Example for the grid: When I click on a button, the grid appears/disappears

[Bivek Singh]

@Emeric

You can use addTo method to dynamically set stripline. For toggling the visibility of grid lines, you can set it’s thickness value. Please, take a look at this JSFiddle.

—-
Bivek Singh,
Team CanvasJS

[Emeric]

Amazing, thank you a lot !

[Emeric]

Hello,

I have another question about coordinates:
Is it possible to get coordinates of axis X and Y ?

If I understood convertValueToPixel right, I have for example this data: [[0,12],[10,66],[20,42]]
And in order to get coordinates of [10,66], I need to write:
chart.axisX[0].convertValueToPixel(10) and chart.axisY[0].convertValueToPixel(66) ? Is that correct ?

Then if that’s right I just have to write chart.axisX[0].convertValueToPixel(0) and chart.axisY[0].convertValueToPixel(0) to get the coordinate of axis X?

Thank you.

Regards.

[Bivek Singh]

Emeric,

Yes, that’s correct.

—-
Bivek Singh,
Team CanvasJS

[jigisha]

Hello,
Is there any way to get co-ordinates of intersecting lines atx and y axis in mutliline spline chart?

• This reply was modified 6 years, 5 months ago by jigisha.

[Sanjoy]

Jigisha,

Sorry, this feature is not available as of now.

—
Sanjoy Debnath,
Team CanvasJS

[jigisha]

Thanks for the reply….
Than any of the graph tool available or you know which provides this? or do you have any idea how to achieve this?

Please let me know its very important for me to do ASAP.

Thank you
Jigisha

[Sanjoy]

Jigisa,

You can find out the intersection points of the curves by solving the original equations of the curves intersecting each other. This will give you accurate result.

Many curve can pass through finite number of discontinuous dataPoints. CanvasJS uses approximate Bézier curve interpolation, to represent the curve passing through user given dataPoints. So, it’s almost impossible to construct an unique equation passing through the sample dataPoints and find intersection between two spline curve.

However, there is a workaround using Image processing and convertPixelToValue method (given in API). But this will only give you an approximate Intersecting coordinate of the curves.

—
Sanjoy Debnath
Team CanvasJS