'Is it possible to independently use Highcharts Navigator without displaying the main chart?

I would like display the High Chart Navigator only, without having to display the main chart. Is that possible ?

highchartsnavigator


Solution 1:[1]

Yes, you can use only the navigator from Highstock. You need to only hide all other elements and adapt the chart's height. To connect a selection action with some business logic, use afterSetExtremes event.

  rangeSelector: {
    enabled: false
  },
  yAxis: {
    visible: false
  },
  xAxis: {
    visible: false,
    events: {
      afterSetExtremes: function(e) {
        console.log(e);
      }
    }
  }

Live demo: http://jsfiddle.net/BlackLabel/4zkm1vy6/

API Reference: https://api.highcharts.com/highstock/navigator

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 ppotaczek

Related Questions