dizzy
Posts: 79
Joined: Mon Aug 01, 2022 5:28 pm

syncing resizing of multiple series in same pane

in the attached image i have 3 'panes'. the first pane renders two series (volume and price). i would like to be able to resize this pane...however there doesn't seem to be a pane object to control this. Therefore i have enabled resizing on the series axis themselves. The problem is, in order to resize the first pane properly, i need resize all the axis in the first pane.
You will see from the picture below, selecting and dragging the resizer bar down, only resizes the price axis causing things to start looking award - the price axis is dragged down, but the volume axis doesn't change.
Screenshot 2022-08-02 001607.png
Screenshot 2022-08-02 001607.png (129.52 KiB) Viewed 1071 times
Two questions:
1. is there a way to synchronize the dragging of the resizer bar so that all series that are within the same 'pane' are also resized accordingly?
2. I notice that on this chart, the cursor does not change when i hover over the resizer bar. is that because there is too much data?

thanks much
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: syncing resizing of multiple series in same pane

Hi Mike!
Thanks for contacting us with your question!

I am not fully sure if I understand you correctly, but if you want to make the same 'zoom' on the other panes you can fire setExteremes method after zooming in/out on some pane, which means that in callback function in yAxis.events.afterSetExtremes. You can find more information in the documentation here: https://api.highcharts.com/class-refere ... etExtremes https://api.highcharts.com/highcharts/y ... etExtremes

I am not sure, what do you mean by 'cursor does not change when i hover over the resizer bar'. Could you reproduce the issue in an online editor that I could work on? You can use some official demo here: https://jsfiddle.net/gh/get/library/pur ... -tools-gui or an empty one here: https://jsfiddle.net/BlackLabel/0pbeym97/

I am looking for your response.
Kind regards!
Hubert Kozik
Highcharts Developer
dizzy
Posts: 79
Joined: Mon Aug 01, 2022 5:28 pm

Re: syncing resizing of multiple series in same pane

Thank you for your response. i have created a sample here: https://jsfiddle.net/dizzy0ny/3ukcexvh/128/

1. You will see two resizer bars (horizonal splitters) that allow me to drag up or down to size the 'panes'. When you do that for the first splitter, you will see that the volume bars do not move up or down, just the price series does. id like to have everything in that 'pane' size/move accordingly.

2. The cursor is not appearing in the screen capture. but when you hover the mouse over the resizer bar (or splitter), the mouse pointer changes to an up/down cursor to indicate you are over the resizer bar and can select it to drag up or down. while it works here in this example, in my chart which has a lot of data, it never appears for some reason and sometimes that resizer bar is unclickable. it's a bit of a hit and miss - and im wonder if its related to the data. my chart has 4 series in 3 panes..about 20 years of weekly data.

3. One additional question - notice in the image below i have the tooltips anchored to the upper left. is there away to have the pointer line that follows your mouse hidden, WHILE still keeping a border width around the label? I can get rid of those lines if i set borderwidth to zero..butid like to keep the border around the tool tip boxes and hide the line.
line_on_mouse_move.png
line_on_mouse_move.png (55.54 KiB) Viewed 1051 times
rafalS
Posts: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: syncing resizing of multiple series in same pane

Hi @dizzy!

1. You can use yAxis.resize.controlledAxis for this: https://api.highcharts.com/highstock/yA ... rolledAxis, see demo: https://jsfiddle.net/BlackLabel/x5zth7oy/

2. It's hard to say without seeing a live demo. Are you able to share one?

3. Yes, set tooltip.shape and optionally tooltip.headerShape properties to 'rect', see demo: https://jsfiddle.net/BlackLabel/qLfve6tz/
https://api.highcharts.com/highstock/tooltip.shape
https://api.highcharts.com/highstock/to ... eaderShape


Let me know if you have any further questions.

Best regards!
Rafal Sebestjanski,
Highcharts Team Lead
dizzy
Posts: 79
Joined: Mon Aug 01, 2022 5:28 pm

Re: syncing resizing of multiple series in same pane

thank you, i appreciate your help
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: syncing resizing of multiple series in same pane

That's great to hear! In case of any further questions, feel free to contact us again.

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Stock”