score:4
don't use categories. in your case:
set
xaxis.type
todatetime
(nottype: 'time'
!). remove categories, or at least replacecategories
withtickpositions
.if you have regular interval between points, use
series.pointstart
andseries.pointinterval
(orpointintervalunit
). if your data may be irregular, then change your data format. currently you havedata: [value, value, value]
. instead usedata: [ [timestamp, value], [timestamp, value], [timestamp, value] ]
add
xaxis.tickinterval
option - for example3600 * 1000
, to determine where ticks should appear.add
xaxis.maxpadding = 0
option - so last tick won't exceed extremes.
that's all. example with regular interval between points: https://jsfiddle.net/txuhs36t/2/
Source: stackoverflow.com
Related Query
- last label in x axis with datetime format not coming in highchart
- Highcharts label format with tickPositioner in a datetime x Axis
- Last label is not showing in stepped labels of highchart
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- Dynamically change datetime format of xAxis Tick Label in highchart
- highchart line chart last null value is not conected with line
- not able to show x axis data with datetimelabel format with {hh:mm} in high charts
- HighChart is not working with multiple axis
- new to highchart and stuck with type datetime , data not plot
- Pie Chart is not coming with dynamic data in HIghChart
- How to create a new Highstock chart with new Highchart and not jquery?
- How to display highchart y axis with constistant data
- Highcharts - with datetime axis labels overlap
- How to set dataLabel Format and axis label angle in R highcharter package
- Highchart axis max with multiple axes
- Chart series point added not sync with X axis
- Last y-axis label not displaying on highcharts spiderweb
- Highcharts.js DateTime on x axis coming from JSON only displays number
- Highchart Crosshair not touching x axis
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Highchart custom label doesn't seem to work with data:image/png;base64
- c# WPF Webbrowser with Highchart, Javascript from external source not working "An error has occurred in the script on this page"
- Highchart not displaying the pie chart with Ajax data
- HighChart with large amount of data not working
- In Highcharts drilldown charts, Custom Formatting of X-Axis label displays the label with underline even in the last level
- Highcharts datetime axis overlap with a long time series
- Highchart Axis with only min and max series value
- How to set Highchart datetime format to minute?
- Avoid overlap of tick length with label in Highchart gauge
- How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?
More Query from same tag
- Highcharts - getting all values scrollable after setting min-max range
- Incorrectly displayed plot band icon in Highcharts
- Highcharts - append % to first axis label?
- jsPDF not rendering html element with -v 1.2.61(IE)/ giving 110 error in adobe viewer with -v 1.3.2
- Format highcharts tooltip
- How to join two series before draw graph in highstocks?
- Javascript variable not working inside of highcharts
- Highcharts: generate blank chart
- Highcharts yAxis tick interval
- Unable to pass datas for HighCharts Maps javascript
- R highcharter editing dataLabels format
- Displaying Volume profile on a javascript chart
- how do i remove the decimal point values from the array values?
- Render Highchart with dynamic ID in jQuery tooltip
- remove previous markers and retain only single marker highchart
- Highcharts - trying to start x-axis tickmark at a half hour point
- How to format data labels with Jquery Highcharttable column charts
- How can hide the icon legend
- highcharts datetime x-axis custom formatting
- Arrows only for rangeSelector in HighCharts
- Align titles for multiple axis in Highstock
- Highcharts credits to be enabled while printing
- What is the best jQuery Chart framework to build stacked multiple y-axis charts?
- custom GeoJSON map with pie in highcharts Map
- how do you make scrollbar work in highcharts
- How Highcharts ChartView redraw or wait for AsyncTask data in Android
- Make div container clickable, except export button
- how to disable highcharts animation on panning but still using on load
- High charts draggable not working for log scale
- Rendering more than one chart with Highcharts using Angular js Directives