jackytanjq
Posts: 33
Joined: Mon Jul 26, 2021 2:53 am

Panning the chart horizontally is not linear

Hello Highcharts,

I am currently having an issue with the candlestick not panning linearly, suddenly disappearing then reappearing.

Please find the example video below:
PanningChart_IncorrectSnapping.gif
PanningChart_IncorrectSnapping.gif (178.87 KiB) Viewed 609 times
Take note of the date of "28 Apr", where it will appear stuck before a batch of candles will disappear suddenly.

My chart's ordinal setting is set to true to hide the missing dates (in 5 minutes intervals).

Appreciate it if you have any ideas.
Thank you.
jakub.s
Posts: 1164
Joined: Fri Dec 16, 2022 11:45 am

Re: Panning the chart horizontally is not linear

Hi,

Thanks for the question!

You're right, it shouldn't work that way.

Could you please reproduce this issue in an online code editor like JSFiddle and send me a link?

I'll take a deeper look at what's wrong and let you know how to fix it.

Best regards!
Jakub
Highcharts Developer
jackytanjq
Posts: 33
Joined: Mon Jul 26, 2021 2:53 am

Re: Panning the chart horizontally is not linear

Hello Jakub,

Please find the JSFiddle below that reproduces this issue:
https://jsfiddle.net/jackytanjq/m0kfw7n1/

The following is a short clip taken from the same JSFiddle that shows the issue:
jsFiddle_PanningChart_Incorrect.gif
jsFiddle_PanningChart_Incorrect.gif (222 KiB) Viewed 514 times
Note: Use the 10 May 03:45 candlestick as the reference as shown in the clip above.

Feel free to let me know if you'd like any further details.
Thank you.
jakub.s
Posts: 1164
Joined: Fri Dec 16, 2022 11:45 am

Re: Panning the chart horizontally is not linear

Hi,

Thanks!

You're right, this issue is caused by the xAxis.ordinal option and is probably related to this issue on GitHub: https://github.com/highcharts/highcharts/issues/16068

Unfortunately, there's no easy workaround to this issue for now, so if that's a big problem in your application you could try switching to xAxis.ordinal = false.

Here's a demo showing that it works fine with ordinal = false: https://jsfiddle.net/BlackLabel/tuwh3s0q/

Let me know if switching off ordinal works for you and if there's anything more I can do to help.

Best regards!
Jakub
Highcharts Developer
jackytanjq
Posts: 33
Joined: Mon Jul 26, 2021 2:53 am

Re: Panning the chart horizontally is not linear

Hello Jakub,
Thank you for the prompt response.

Unfortunately the chart we need must not have any gaps in between candlesticks when there are no trades.

Any suggestions are welcomed.
But can I know if the bug ID #16068 will be completed anytime soon?

Thank you.
jakub.s
Posts: 1164
Joined: Fri Dec 16, 2022 11:45 am

Re: Panning the chart horizontally is not linear

Hi Jack,

I understand and I'm very sorry but there's no easy workaround to this issue that I can provide you with.

I've presented this problem to our Stock Developers and from what I can see on GitHub this issue has been prioritized.

With everything issue-related please write directly in the issue conversation to our Stock Developers - https://github.com/highcharts/highcharts/issues/16068

Best regards!
Jakub
Highcharts Developer
jackytanjq
Posts: 33
Joined: Mon Jul 26, 2021 2:53 am

Re: Panning the chart horizontally is not linear

Hello Jakub,

Appreciate the prompt responses and thank you very much for the assistance.

Will follow up with the issue on Github.

Thank you again.
jakub.s
Posts: 1164
Joined: Fri Dec 16, 2022 11:45 am

Re: Panning the chart horizontally is not linear

No problem, we're here to help:)

Do not hesitate to ask in case any more questions arise.

Kind regards!
Jakub
Highcharts Developer

Return to “Highcharts Stock”