Two different size charts with same crosshair

[Niladri]

http://jsfiddle.net/o5pa3rmz/
but on giving same height of the chart. this thing is working properly

[Vishwas R]

@niladri,

Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Niladri]

i followed your example and When moving the crosshair the position is visible only when i am on the lower portion of the upper chart at height equal to height of lower chart.
You can see the issue here: https://imgur.com/gDviB8J.

[Vishwas R]

@niladri,

Handling the ratio of the chart’s height and firing event at proper pixel co-ordinate should work fine in this case. Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[Niladri]

Thank you for your help.
One last query, is there anything by which the y axis will be in straight line irrespective of y axis values.

[Niladri]

Referring to previous post i would like the axis to match up vertically as shown in this picture
https://imgur.com/pSarqeT
Currently the output is like this
https://imgur.com/GhlBKdC

[Vishwas R]

@niladri,

With the help of margin, you can align axisY (primary or secondary) of multiple charts. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Niladri]

You have show it for Y axis(left side) but i want it for secondary y axis(right side). Your given code is not working for secondary y axis

[Niladri]

As per your last conversation about crosshair
https://jsfiddle.net/canvasjs/o5pa3rmz/2/

But when i open the developer tool or when i write anything above the chart the crosshair problem is showing again
link:- https://imgur.com/4kT8bZl

Actually i will place this chart in a Draggable Modal.
So your help will be appreciable.

[Vishwas R]

@niladri,

You have show it for Y axis(left side) but i want it for secondary y axis(right side). Your given code is not working for secondary y axis

Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[Niladri]

Thank @Vishwas R for your help.
If you can solve my last problem it will be very much helpful for me.

As per your last conversation about crosshair
https://jsfiddle.net/canvasjs/o5pa3rmz/2/

But when i open the developer tool or when i write anything above the chart the crosshair problem is showing again
link:- https://imgur.com/4kT8bZl

Actually i will place this chart in a Draggable Modal.
So your help will be appreciable.

[Priyanka M S]

@Niladri,

We are looking into it and will get back to you at the earliest.

__
Priyanka M S
Team CanvasJS

[Vishwas R]

@niladri,

Please take a look at this updated JSFiddle.

—
Vishwas R
Team CanvasJS