Whether to enable all buttons from the start.
Whether to enable all buttons from the start. By default buttons are only enabled if the corresponding time range exists on the X axis, but enabling all buttons allows for dynamically loading different time ranges.
2.0.3
A fixed pixel position for the buttons.
A fixed pixel position for the buttons. Supports two properties, x
and y
.
The space in pixels between the buttons in the range selector.
A collection of attributes for the buttons.
A collection of attributes for the buttons. The object takes SVG attributes like fill
, stroke
, stroke-width
, as well as style
, a collection of CSS properties for the text.
The object can also be extended with states, so you can set presentational options for hover
, select
or disabled
button states.
CSS styles for the text label.
In styled mode, the buttons are styled by the .highcharts-range-selector-buttons .highcharts-button
rule with its different states.
An array of configuration objects for the buttons.
An array of configuration objects for the buttons.
Defaults to
buttons: [{ type: 'month', count: 1, text: '1m' }, { type: 'month', count: 3, text: '3m' }, { type: 'month', count: 6, text: '6m' }, { type: 'ytd', text: 'YTD' }, { type: 'year', count: 1, text: '1y' }, { type: 'all', text: 'All' }]
Enable or disable the range selector.
Enable or disable the range selector.
The height of the range selector, used to reserve space for buttons and input.
The height of the range selector, used to reserve space for buttons and input.
2.1.9
The border color of the date input boxes.
The border color of the date input boxes.
1.3.7
The pixel height of the date input boxes.
The pixel height of the date input boxes.
1.3.7
CSS for the container DIV holding the input boxes.
CSS for the container DIV holding the input boxes. Deprecated as of 1.2.5. Use inputPosition instead.
The pixel width of the date input boxes.
The pixel width of the date input boxes.
1.3.7
The date format in the input boxes when not selected for editing.
The date format in the input boxes when not selected for editing.
Defaults to %b %e, %Y
.
A custom callback function to parse values entered in the input boxes and return a valid JavaScript time as milliseconds since 1970.
A custom callback function to parse values entered in the input boxes and return a valid JavaScript time as milliseconds since 1970.
1.3.3
The date format in the input boxes when they are selected for editing.
The date format in the input boxes when they are selected for editing. This must be a format that is recognized by JavaScript Date.parse.
Enable or disable the date input boxes.
Enable or disable the date input boxes. Defaults to enabled when there is enough space, disabled if not (typically mobile).
Positioning for the input boxes.
Positioning for the input boxes. Allowed properties are align
, verticalAlign
, x
and y
.
1.2.5
CSS for the HTML inputs in the range selector.
CSS for the HTML inputs in the range selector.
In styled mode, the inputs are styled by the .highcharts-range-input text
rule in SVG mode, and input.highcharts-range-selector
when active.
CSS styles for the labels - the Zoom, From and To texts.
CSS styles for the labels - the Zoom, From and To texts.
In styled mode, the labels are styled by the .highcharts-range-label
class.
The index of the button to appear pre-selected.
JavaScript name:
rangeSelector