Upon popular request, we have implemented support for scrollbars on any axis in Highstock 4.2.6. We pulled out the scrollbar logic from the Highstock navigator, making it modular and reusable for datetime, numeric, logarithic and category axes, whether vertical or horizontal.
The full documentation and available options can be seen in our API docs for Highstock.
But the scrollbars are not limited to stock charts or Y axis. Using the highstock.js file, it can be applied to regular Highcharts axes too. See examples of:
Comments
food images | 5 years ago
But the scrollbars are not limited to stock charts or Y axis. Using the highstock.js file, it can be applied to regular Highcharts axes too. See examples of:
motivation | 5 years ago
But the scrollbars are not limited to stock charts or Y axis. Using the highstock.js file, it can be applied to regular Highcharts axes too. See examples of:
LUIS ROBERTO Nogueira | 5 years ago
Nice
Rafał Pasek | 5 years ago
This feature seem to require highstock.js. Does it mean that in order to use that a highstock license is needed? or is it enough to have a highcharts license?
Chris V | 5 years ago
Hi,
yes, this feature is only part of highstock, and as such a highstock license is required.
Best,
Chris
Soliman | 5 years ago
Can we use the mouse wheel to achieve the same goal (scrolling)?
Jon Arild (Highsoft) | 5 years ago
Hi Soliman.
Yes, this is possible by adding some customization. Here is a demo made by our partner Black Label: https://jsfiddle.net/wpyg45e4/
Best regards
Jon
Soliman | 5 years ago
Thanks Jon,
It is working perfectly.
Best regards.
Soliman
Soliman | 5 years ago
One more question about the sample, are the same can work with touch screen? Pan/drag/slide?
Any suggestions?
Thanks.
Jon Arild (Highsoft) | 5 years ago
Hi Soliman,
Sorry for the late reply.
Here is an example which is extended with dragging functionality: https://jsfiddle.net/wpyg45e4/1/
It could probably benefit with some cleaning up, and various improvements, but it should be enough to get you started.
I would also like to advice you to post technical questions in our forum (forum.highcharts.com) in the future, where you will benefit from a much quicker response rate.
Best regards
Jon
▽ tomtoms | 5 years ago
I have some problem when I use 3d and enable datalabels.
Some data appear at the top-left-corner. Any Suggestion?
Thanks.
http://jsfiddle.net/5cxEu/31/
Chris V | 5 years ago
Hi,
this definitely looks like a bug.
Could you please submit an issue on the Highcarts issue tracker (https://github.com/highcharts/highcharts/issues)?
Thanks,
Chris
ManiRatnam | 4 years ago
Does the Gantt Chart have scroll functionality?
Ahmed | 4 years ago
Hi,
how can I make the Meteogramm scrollable ?
sisaki | 11 months ago
can we move scroll bar to left side of chart to make it inline for RTL language scenarios Please help here
Mustapha Mekhatria | 11 months ago
Hi,
Here is an example: https://codepen.io/fsh/pen/ZEKOQjV
Mustapha Mekhatria | 11 months ago
Here also another demo: https://jsfiddle.net/highcharts/h4uwc6ky/
Want to leave a comment?
Comments are moderated. They will publish only if they add to the discussion in a constructive way. Please be polite.