score:16
Accepted answer
first of all, remove the 'categories' property on xaxis, this has no meaning on a datetime axis. note that datetime axes are based on milliseconds, so an interval of one hour is expressed as 3600 * 1000. see api highcharts, tickinterval
use this config for the xaxis.
xaxis: {
type: "datetime",
datetimelabelformats: {
day: '%h'
},
tickinterval: 3600 * 1000
},
see here for a working demo on js bin.
score:3
you should use tickinterval with value: 3600 * 1000
Source: stackoverflow.com
Related Query
- Highchart tick interval
- Strange issue Highchart tick interval
- Highchart tick interval for 5 days
- Minimum tick interval (monthly) not working for datetime Highchart graph
- Make dynamic Y-axis max value and tick interval of highchart using php
- Is there a reliable way to have a 1 month auto generated tick interval with high charts?
- Highchart Time Data With Irregular Interval and Text
- Dynamically change datetime format of xAxis Tick Label in highchart
- Highstock Change tick interval on range selector change
- Avoid overlap of tick length with label in Highchart gauge
- Highcharts tick interval positioning
- Override tick interval calculation in Highcharts?
- Strange character in the Highstock source code
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- Highcharts yAxis tick interval
- Customizing highcharts tick interval
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Highchart Date time interval in x-Axis
- Highchart xAxis tick not starting at first data point
- tick interval is not working while applying tick interval its showing x and y both values
- Column based Highchart drilldown series assign color code to each column
- Highchart gauge: How to change tick position
- In Highcharts, how to avoid auto tick interval in a container with limited height
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- HighCharts - set minimum Tick Interval
- How to change tick and minorTick color in different interval in highcharts gauge charts
- How to set tick interval in highstocks
- HIghchart show current month data with week interval
- Highchart and "almost regular" time interval data
- How to plot the X axis data point for uneven tick interval at in Highcharts
More Query from same tag
- HighCharts with Multiple Series
- Highcharts datalabels are not showing infront of each slice in pie chart
- Highcharts: x-value as date
- How to disable the circle that appears in Highcharts without data?
- Array not in correct format in Javascript for use by HighChart
- PHP + mysql + highcharts
- highcharts: edit data labels style in css file
- Create Pie chart for each Json object
- Abbreviating values of chart in tooltip
- Highstock - How can i display the open, high, low, close in the line or area charts tooltip
- How to show a column with the value Zero in Bar chart in Highcharts?
- Chart issues with *ngIf in angular 2
- Changing maker fillcolor in Highcharts scatter graph
- How to programmatically set selection Highchats master-detail chart?
- How to specify a start point on highcharts stacked bar charts
- Highcharts - How show only two series on click
- How to add math equations in highcharts?
- highcharts-angular not rendering the chart
- Own back button for drilldown charts
- HighChart - Group data by day
- Automated y-axis-title-offset in Highcharts possible when having varying length of y-axis title?
- Highcharts custom x-axis categories aligned center (Under the pins)
- Highcharts-How to remove tooltip, one of data in series
- Highcharts not displaying tooltip title properly
- Highcharts dual yaxis scaling issue
- Highcharts - Rotate pie chart aligning the clicked section to a fixed point (180°)
- Ordering of non-grouped columns in Highcharts
- Dynamically update subtitle on Highcharts chart?
- Highcharts missing bars when running through PhantomJS
- Plot a bar graph using Highcharts drilldown with two different JSON end points