score:8
Highcharts will only show the last data point that is specified. If you want to force it to show the 0900 - 23:59 you will have to pass it all the data points for the those times you want displayed, but for the value pass null. Here is an example: jsfiddle example.
Once the data points go over the hour range it will automatically format the datatime labels differently. You may want to control the formatting of the data labels via dateTimeLabelFormats.
score:1
As stated in a previous answer, by default,
Highcharts will only show the last data point that is specified.
However, as you can see on default jsfiddle for min max setting, you have to specify both in addition to min and max that endOnTick and startOnTick are false. Moreoever, when dealing with missing data on datetime types, you'd to set ordinal to false in order to let space for empty data.
It means that your xAxis should look like below:
xAxis : {
allowDecimals : false,
endOnTick : false,
max : /** Date in timestamp for the end the day */,
min : /** Date in timestamp for the beginning the day */,
ordinal : false,
startOnTick : false,
type : 'datetime'
},
score:13
(Although this is an old question, I came here using google search and it is still very much at the top of search results when searching for max time for x axis in highcharts, so I think this comment is still useful.)
The accepted answer may be true for older versions of highcharts, but in the current version (v3.0.7) you can also set the xAxis.max attribute to the datetime you want the graph to end on. This would look like this, and is IMO a way cleaner solution:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime',
max: Date.UTC(2010, 0, 2),
dateTimeLabelFormats: {
day: '%e of %b'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6],
pointStart: Date.UTC(2010, 0, 1),
pointInterval: 1 * 3600 * 1000 // one hour
}]
});
});
Source: stackoverflow.com
Related Query
- Highcharts max interval for dateTime in x-axis?
- How To Show All Data Labels For Datetime Axis In Highcharts
- HighCharts Bubble Chart: text for axis interval labels
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- Can I enable scrollbar for datetime x axis in Highcharts columnrange chart
- How to plot the X axis data point for uneven tick interval at in Highcharts
- Highcharts x-range chart datetime type for x and y axis
- How to properly configure DateTime axis for Highcharts on Android?
- How to set 30 seconds interval for datetime on y-axis for highcharts JS
- How to show equally spaced axis for datetime for billing cycle related data on highcharts
- how to set the interval of points on Y - Axis highcharts
- Highcharts - set maximum range for yAxis but keep axis dynamic within that range
- Highcharts - with datetime axis labels overlap
- Highcharts label format with tickPositioner in a datetime x Axis
- Highcharts Line - When Y axis min is set to 0, connecting line isn't shown for consecutive 0 values
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to show only specific x-axis values on datetime axis in Highcharts
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- How to format datetime for (x,y) pair data for Highcharts
- How to position labels for plotbands on y axis in Highcharts
- How do I put Icons in the y Axis for a Dynamic Highcharts chart?
- Negative value for categories axis in highcharts
- Highcharts - Using 'errorbar' type overrides axis interval
- Highcharts Datetime axis issue
- Highcharts - Aligning dateTime series for shared tooltip
- Highcharts datetime column chart - interval data
- Multiple images for Highcharts X Axis Labels
- High Charts : Equal spacing for X Axis for unequal interval
- Highchart: Tickmark placement for datetime axis
More Query from same tag
- Highcharts - pie chart with html div at center
- How to format high charts?
- Pulling JSON object from JSON array
- Having trouble incrementing X axis by Month in Highchart
- Unhandled promise rejection mongoose aggregate
- How to properly integrate google spreadsheets with highcharts?
- Create vertical lines for an interval using highstocks
- HighCharts specific chart
- Chart layout is distorted when escape from full screen mode
- Highmaps in React using lat/lon not working
- Make only one point draggable on highcharts
- Highchart doesn't show series group in IE8
- Highchart/stock tooltip formatter for both series and flags
- Coloring Highcharts category
- Xaxis data given to highcharts in descending order but still xaxis appears in ascending order
- how to render chart based on different id?
- how to use fillOpacity below to PlotLine in highchart?
- Is it possible to define custom technical indicators, that takes 2 series as input?
- How to feed two values to y axis at a time corresponds to single x axis value in Highchart
- Missing bar in barchart when using highstock.js instead of highcharts.js
- Load individual series data as clicked in legend
- Highcharts - Format X axis with 2 digit hours in 24 hour format
- Highchart tooltip PointOptionsObject interface implementation
- How to use ajax call to populate line graph in highcharts
- Highcharts creating too many values in float
- Legend item hiding/showing other legend items
- how to remove a total value in highchart
- Few Partial Views(charts) on one page
- Sending data to HighCharts
- stepped color shading in highcharts doughnut chart