nueza99
Posts: 25
Joined: Tue Aug 18, 2020 5:14 am

How to adjust Three panes height and do multiple series in one of the pane

Hi,

I would like to know, how to nicely adjust height for three panes( currently my last pane taking navigator spaces), and how do we create multiple series in one of the pane. Highly appreciate response, there are many topic on this, but i could not view the jsfiddle etc maybe expired. This is currently how my chart looks like,


https://codepen.io/nueza99/pen/MWoJvEq?editors=1010
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to adjust Three panes height and do multiple series in one of the pane

Hi,
Thanks for your question.

Use the yAxis.height and yAxis.top to adjust the series, this seems to be the best way to set series and panes.
Test it out, here are some examples and links to documentation that should help you.
https://api.highcharts.com/highstock/yAxis.height
https://api.highcharts.com/highstock/yAxis.top

According to the documentation:
When using dual or multiple y axes, this number defines which yAxis the particular series is connected to. It refers to either the {@link #yAxis.id|axis id} or the index of the axis in the yAxis array, with 0 being the first.
https://api.highcharts.com/highstock/se ... line.yAxis

Live demo:
https://jsfiddle.net/BlackLabel/83rykn7q/

Let me know how are you going with this.
Best regards.
Sebastian Hajdus
Highcharts Developer
nueza99
Posts: 25
Joined: Tue Aug 18, 2020 5:14 am

Re: How to adjust Three panes height and do multiple series in one of the pane

Hi, okey i managed to do it, but the height of last pane overlaping my navigator, thus fix it using xAxis.top and navigator margin. thank you for you response..
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to adjust Three panes height and do multiple series in one of the pane

You're welcome!
In case of any further questions, feel free to contact us again.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Stock”