score:1
You can use setExtremes
method in chart's load
event and set the initial selected area.
chart: {
...,
events: {
load: function() {
const xAxis = this.xAxis[0];
xAxis.setExtremes(
xAxis.dataMin,
xAxis.dataMin + (xAxis.max - xAxis.min),
true,
false
);
}
}
}
Live demo: https://jsfiddle.net/BlackLabel/hm4xLzft/
API Reference: https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes
Source: stackoverflow.com
Related Articles
- highstock selected rangeSelector is computed from the current end date in the slider and not from the start date
- Get the currently selected range from RangeSelector in Highstock
- custom ticks based on selected range from rangeSelector in Highstock
- Highstock - Remove bottom date tooltip from line chart
- How to toggle date input datepicker in Highstock rangeSelector
- How to get selected date from highstock?
- Highstock charts - change position of rangeselector From and To inputs
- Strange character in the Highstock source code
- How do i show Last seven days of a week from current date in area spline categories highcharts
- Highstock chart - selecting '1 month' button in rangeSelector not changing button style as selected
- How to do a date range to view data from selected date highcharts
- Get the currently selected rangeSelector from an event unrelated to the chart
- Highstock charts - Show the blank space up to the current date
- Highstock rangeSelector from days in the future
- how can I move yAxis labels from Right of chart to left of chart in highstock
- Displaying Persian dates in highchart from its corresponding Georgian date
- Highstock Navigator always starts from 1970-1-1
- Highstock with numbers instead of date in x-axis
- Convert from string with milliseconds to date object Javascript
- Populate Highcharts X-Axis With Dates Given a From And To Date
- how to change highstock date to persian date
- How to position RangeSelector / zoom buttons at custom co-ordinates in Highstock
- how to set a rangeSelector for highstock
- Highstock date input jquery ui datepicker position changes
- Highstock: Remove the word "Zoom" from the rangeSelector
- Remove UTC date from Highcharts tooltip
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highstock From/To Invalid Date Issue
- How to extract the data from highstock chart
- get values of date-input-boxes from rangeSelector
- Is there a way to config high chart Y Axis label to appear larger?
- Have some bars not a url link on highcharts
- Grouping / counting in javascript using underscore.js
- Is there a way to show overlapping points of the same serie in highchart?
- How to display specific years only on xAxis in a column-graph with Highcharts
- Highcharts label at absolute top left?
- Is it possible? xAxis categories with Json?
- Dynamic hover color in highmap
- How to use a 'plotWidth' calculation to position a highcharts pie
- How can i enable bootstrap tooltip in highchart
- Fixing "Uncaught ReferenceError: Highcharts is not defined" in Rails app
- Highcharts column Point Click
- highcharts-ng show loading Image when loading
- Highcharts: Context Menu Button, onclick function
- How to configure Highcharts tooltip.headerFormat with getDate() + 5
- Highcharts gauge property
- Highcharts legend paging position
- Highcharts tooltipRefresh check for hovered item
- Hide specific points in series
- how to only display the graph with highcharts