You must be logged in to post your query.
Home › Forums › Chart Support › Two different size charts with same crosshair
Tagged: Crosshair, Two charts
http://jsfiddle.net/o5pa3rmz/ but on giving same height of the chart. this thing is working properly
@niladri,
Please take a look at this updated JSFiddle.
— Vishwas R Team CanvasJS
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.
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.
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.
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
With the help of margin, you can align axisY (primary or secondary) of multiple charts. Please take a look at this JSFiddle.
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
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.
Please take a look at this JSFiddle.
Thank @Vishwas R for your help. If you can solve my last problem it will be very much helpful for me.
@Niladri,
We are looking into it and will get back to you at the earliest.
__ Priyanka M S Team CanvasJS
You must be logged in to reply to this topic. Login/Register