score:1
You can simply add another xAxis, linked it to the first one and set appropriate tick interval. Check demo I posted you below.
Code:
Highcharts.stockChart('container', {
xAxis: [{
type: 'datetime',
tickInterval: 3 * 3600 * 1000, // 3 hours
labels: {
formatter: function() {
return Highcharts.dateFormat('%H:%M', this.value);
}
}
}, {
offset: 40,
type: 'datetime',
linkedTo: 0,
tickInterval: 24 * 3600 * 1000 // one day
}],
series: [{
data: data
}]
});
Demo:
https://jsfiddle.net/ngp5o98u/
Api reference:
https://api.highcharts.com/highcharts/xAxis.linkedTo
Source: stackoverflow.com
Related Query
- Highcharts: How can I achiveve multiple rows on chart labels?
- How can I display crosshair labels on top of the chart with Highcharts
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How can I get access to a Highcharts chart through a DOM-Container?
- how can I move yAxis labels from Right of chart to left of chart in highstock
- How can I force multiple y-axis in Highcharts to have a common zero
- Highcharts - How can I remove starting and ending padding from area chart
- how to sync height & y-axis baseline of multiple chart in highcharts
- Highcharts - In area chart how to use gradient color for multiple series?
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- How to generate highcharts chart from multiple local json files
- Highcharts - how to do a responsive pie chart when the texts of the labels are long
- Highcharts - how can I center labels on a datetime x-axis?
- Highcharts - how to show/hide multiple data labels on mouseOver and mouseOut
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How can I get a chart only with legends using highcharts
- How can I get highcharts Donut chart to auto calculate percentages
- How to grouping labels column chart on legend in highcharts
- How can I reveal my chart tooltip programatically when the tooltip combines data from multiple series? (sync charts)
- How do i color the highcharts legend square symbol when my chart has multiple color entries
- How can i load external json data in highcharts to show the bar chart
- How can I reverse the series order of a pyramid chart in Highcharts
- How can I get a data label in my Highcharts Pie Chart that is a font-awesome icon?
- How to have multiple highcharts with different series data in vuejs without repeating code
- How to show labels selectively in certain points in Line chart of HighCharts
- How can I get HighCharts column chart to scale the yAxis to not have so much whitespace?
- How can I change highcharts events after the chart has been initialized
- Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
- How can I set the units on multiple axis on Highcharts
- How can i draw a high chart with two labels in x coordinate using highchart
More Query from same tag
- Can't assign names to legend points
- Incorrect Highcharts colorAxis range
- HighChart type = area hover color change at several points
- highcharts draggable-points conflict between drag and click
- How to display datapoint labels / values in Rickshaw graph visualizations?
- How to create a HighCharts chart in react
- High Charts windrose from API data (JSON)
- Google Pie chart, can't set different values for 2 different graphs
- Creating highchart linechart with data using PHP (and Laravel)
- display highchart with dynamic data
- How to add two different mouse over for two different type of series in same chart?
- Highchart areaspline plotband height
- Bind Highchart to variable, all within a div?
- set series driildown data with looping from array
- print multiple highcharts chart
- Highcharts - Rotate pie chart aligning the clicked section to a fixed point (180°)
- Number of pie slices in highcharts
- Highcharts: Add circle to scatter plot
- How can I make a custom line type in high charts
- How to apply the Renderer text() function multiple times to a Highcharts chart?
- Donut Chart : Trigger legend or pie click event while selecting outside filter state change
- Rally chart - column layout issues
- How to get axis's coordinates when i click on column in Highchart
- unequal intervals highchart gauges
- Flot - images in axis labels?
- How can I get the max value of a y axis at highcharts?
- Change HighStock chart label on changing rangeselector button
- How to hide x and y axis line only in highchart?
- Chartkick Pie chart legend customisation
- How to prevent bars overlapping eachother in Highcharts?