score:1
Accepted answer
You can use two linked datetime x-axis with enabled zoom and different tick interval:
chart: {
zoomType: 'x'
},
xAxis: [{
type: 'datetime'
}, {
type: 'datetime',
tickInterval: 1000 * 60 * 60 * 24 * 30,
linkedTo: 0
}]
Filling label backgrounds will be harder to achieve, but this thread should help: How can i create Highchart xAxis labels centered and enclosed?
Live demo: http://jsfiddle.net/BlackLabel/ot6g0fvj/
API Reference: https://api.highcharts.com/highcharts/xAxis
Source: stackoverflow.com
Related Query
- How can I add double related x-axis bar to high chart in zoom
- How can I add a Bar Chart to my Django based Database?
- How I can Add Start and end point in stacked bar chart in chart js?
- How to hide the Axis line in stack bar chart high chart
- How to add a plotline to a bar chart in Highcharts?
- In high chart how to add event for label click
- How to add space between chart and axis in highcharts
- How can I prevent my HighChart bar chart from being inverted?
- How to use add series and update methods in the high chart wrapper for angular?
- How to place x axis labels on top of horizontal bar chart
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How can we add chart context menu in highcharts-angular?
- How to add two dataLabels to a bar chart using HightCharts
- How to resize bar chart based on no of x axis categories in HighCharts
- How to provide styles on X axis gantt high chart
- How to remove extra one legend from High Charts- Bar chart (multiple & stacked)
- how can we draw column chart with stacked column chart in a single high chart?
- How can i load external json data in highcharts to show the bar chart
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How to auto adjust Y axis plot lines in live high chart
- How can I add customized y axis in highchart basic bar?
- How Can we display a legend in high chart that contains apostrophe
- unable to Add display data values on top of bar high chart
- How to add the "isSum" bar in Highchart Waterfall chart in R?
- How to add negative area or background for a specific bar or pie chart in highcharts?
- Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
- How to add comma to data labels value in bar chart race of highcarts?
- How can i draw a high chart with two labels in x coordinate using highchart
- How can I make pie chart of high chart libarary unrotatable?
- How can we achieve high chart with complex json data?
More Query from same tag
- How to stand out a vertical plotted line in a dense series using highchart?
- Highcharts + Plotband tooltip hover + default styling
- Google Analytics audience chart with Highcharts
- Highcharts: xAxis with vertical gridlines
- Data not showing with the Timestamp Values : Highcharts
- Highchart xaxis data decrease when shift
- Highcharts - append % to first axis label?
- Javascript syntax when setting a value
- Change yAxis values in Compare multiple series highstock for showing point value instead of percentage change value
- How to update the highcharts.js to make the export server to my own ipaddress,instead of connect to the highcharts server?
- Highcharts JS - Sankey Diagram Axis
- Can I create such chart with highcharts
- Passing Decimal string from php to jquery
- Legend in network graph ( Highchart Js)
- Date / Time problem in javascript with highcharts
- JavaScript runtime error: Object expected
- How to customize highcharts for this graph
- set line border properties (color/width) in a Highcharts line chart
- Highcharts x-axis labels not starting on bounds
- More Than 2 Y axis in Grafana
- Highmaps Map Scale
- highcharts - render text with decimal 'x' and 'y'
- Highcharts on zeppelin 0.6.0 executes but does not display any chart
- HighCharts Stock Chart error code 18
- Using a plot line comparator in Highcharts
- Filename not assigned to csv export in HighCharts on Mac
- How do you add to tooltip, a series in HighCharts?
- Passing callback function to labelFormatter in highchart legend in typescript
- Trying to set xAxis extremes using highcharts-vue wrapper
- Is there a way to save highcharts output as png instead of html