Hi,
I'm trying to create a Highstock chart with multiple panes, such as in this demo: http://www.highcharts.com/stock/demo/ca ... and-volume
I'm running into some problems relating to the size and positions of the panes. In the demo, the height of the panes and the offset of the bottom pane are all specified statically; this works well enough because the height of the entire chart is also specified statically. However, what if the height of the chart is calculated at runtime? How are we supposed to calculate the proper heights and offsets? I've tried implementing the pixel calculations myself, but they doesn't work quite right because Highstock adds padding/margins to various places and I don't think there's a way for me to "get" that information. I've been able to fudge the calculations enough such that the second pane is positioned well enough in Firefox, but then in IE the position is wrong.
I'll also point out that even when specifying all the measurements statically, there's still room for error, and there actually is an error in the demo: in the lower pane, there is a gap between the bottoms of the red bars and the x-axis when there shouldn't be a gap. This doesn't bode well for me trying to calculate these measurements dynamically.
Ideally, I'd like the API to be structured such that I can tell Highstock that I want multiple panes, with the first pane to be x% of the available vertical space and the second pane to be y% of the available vertical space, then have Highstock do the actual layout for me. Is this possible? If not, what's the best way to approach this scenario?
Many thanks,
Kyle