Whether the navigator and scrollbar should adapt to updated data in the base X axis.
Whether the navigator and scrollbar should adapt to updated data in the base X axis. When loading data async, as in the demo below, this should be false
. Otherwise new data will trigger navigator redraw, which will cause unwanted looping. In the demo below, the data in the navigator is set only once. On navigating, only the main chart content is updated.
An integer identifying the index to use for the base series, or a string representing the id of the series.
An integer identifying the index to use for the base series, or a string representing the id of the series.
Note: As of Highcharts 5.0, this is now a deprecated option. Prefer series.showInNavigator.
Enable or disable the navigator.
Enable or disable the navigator.
Options for the handles for dragging the zoomed area.
Options for the handles for dragging the zoomed area.
In styled mode, the navigator handles are styled with the .highcharts-navigator-handle
, .highcharts-navigator-handle-left
and .highcharts-navigator-handle-right
classes.
The height of the navigator.
The height of the navigator.
The distance from the nearest element, the X axis or X axis labels.
The distance from the nearest element, the X axis or X axis labels.
The color of the mask covering the areas of the navigator series that are currently not visible in the main series.
The color of the mask covering the areas of the navigator series that are currently not visible in the main series. The default color is bluish with an opacity of 0.3 to see the series below.
Whether the mask should be inside the range marking the zoomed range, or outside.
Whether the mask should be inside the range marking the zoomed range, or outside. In Highstock 1.x it was always false
.
2.0
When the chart is inverted, whether to draw the navigator on the opposite side.
When the chart is inverted, whether to draw the navigator on the opposite side.
5.0.8
The color of the line marking the currently zoomed area in the navigator.
The color of the line marking the currently zoomed area in the navigator.
The width of the line marking the currently zoomed area in the navigator.
The width of the line marking the currently zoomed area in the navigator.
Options for the navigator series.
Options for the navigator series. Available options are the same as any series, documented at plotOptions and series.
Unless data is explicitly defined on navigator.series, the data is borrowed from the first series in the chart.
Default series options for the navigator series are:
series: { type: 'areaspline', color: '#4572A7', fillOpacity: 0.05, dataGrouping: { smoothed: true }, lineWidth: 1, marker: { enabled: false } }
Options for the navigator X axis.
Options for the navigator X axis. Available options are the same as any X axis, documented at xAxis. Default series options for the navigator xAxis are:
xAxis: { tickWidth: 0, lineWidth: 0, gridLineWidth: 1, tickPixelInterval: 200, labels: { align: 'left', style: { color: '#888' }, x: 3, y: -4 } }
Options for the navigator Y axis.
Options for the navigator Y axis. Available options are the same as any y axis, documented at yAxis. Default series options for the navigator yAxis are:
yAxis: { gridLineWidth: 0, startOnTick: false, endOnTick: false, minPadding: 0.1, maxPadding: 0.1, labels: { enabled: false }, title: { text: null }, tickWidth: 0 }
JavaScript name:
navigator