Scrollbars for any axis

, 12

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:

News Master

  • 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:

  • 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

    Nice

  • Rafał Pasek

    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

      Hi,

      yes, this feature is only part of highstock, and as such a highstock license is required.

      Best,
      Chris

  • Soliman

    Can we use the mouse wheel to achieve the same goal (scrolling)?

    • Jon Arild (Highsoft)

      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

        Thanks Jon,
        It is working perfectly.
        Best regards.
        Soliman

      • Soliman

        One more question about the sample, are the same can work with touch screen? Pan/drag/slide?
        Any suggestions?
        Thanks.

        • Jon Arild (Highsoft)

          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

    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/