Home › forums › Using CanvasJS › Get coordinates of a point
This topic contains 11 replies, has 4 voices, and was last updated by Sanjoy 8 months, 1 week ago.
I know it’s possible to get coordinates of markers using it: chart.axisX.stripLines.get(“bounds”).x1
But is it possible to get coordinates of points in my graph ?
Thank you in advance !
To know pixel coordinate of a dataPoint you can use convertValueToPixel method.
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 ?
Example for the grid: When I click on a button, the grid appears/disappears
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.
Amazing, thank you a lot !
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.convertValueToPixel(10) and chart.axisY.convertValueToPixel(66) ? Is that correct ?
Then if that’s right I just have to write chart.axisX.convertValueToPixel(0) and chart.axisY.convertValueToPixel(0) to get the coordinate of axis X?
Yes, that’s correct.
Is there any way to get co-ordinates of intersecting lines atx and y axis in mutliline spline chart?
Sorry, this feature is not available as of now.
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.
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.
You must be logged in to reply to this topic.