score:2
Accepted answer
What you most likely need is plotBands
xAxis.plotBands
A colored band stretching across the plot area marking an interval on the axis.
In a gauge, a plot band on the Y axis (value axis) will stretch along the perimiter of the gauge.
plotBands can be added on either of the axes, in your case you seem to want it on the xAxis, following is how one could do it
xAxis: {
plotBands: [{
color: '#FCFFC5',
from: Date.UTC(2010, 0, 2),
to: Date.UTC(2010, 0, 4)
}]
}
Source: stackoverflow.com
Related Articles
- Chart background highlight in HighChart
- angular-chartJs change chart background and highlight colors
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- Gradient background bars in Highchart bar chart
- Highlight the corresponding y axis on mouse overr over the bar chart based on that axis in highchart
- How to select or highlight the x axis border on click of Y axis label in gantt chart highchart
- Highchart Polar chart multiple background colors to SVG
- Remove Export and print button plugin on highchart chart
- How to export a Highchart chart to PDF thanks to a button outside the chart?
- How to create a new Highstock chart with new Highchart and not jquery?
- Highchart Area Range chart with gradient that follows the line
- Background color for multiple Highchart panes, in Vue app
- Highchart - Redraw Chart after Window is resized
- how to reset Highchart chart width in percentage on Button click
- highchart chart redraw method is not refreshing the chart
- Highchart Axis Update/ chart redraw
- How can I extend the lines of this Highchart series to the edges of my chart area?
- Need to apply background color to each legend text highchart
- Make Highcharts border color match background color on column chart
- Adding a custom tooltip to a bubble chart / highchart
- How can I prevent my HighChart bar chart from being inverted?
- How to add a background image (pattern) to highchart column graph?
- Produce dot chart in highchart
- Highchart columns chart overlaps yAxis.plotLines labels
- create a donut chart using highchart using jquery json object
- using angular directive to draw highchart pie chart but when i am using it in success function it is not working
- Customize Stacked column chart in highChart
- put the highchart legend to the bottom of the chart and horizontally centered
- Fire click event on a highchart column drilldown chart on clicking x axis for drill down reports
- Set background color to HighChart xAxis labels
- Javascript HighCharts Pie color change not working
- How to align title html div with chart horizontally in highchart?
- Highchart and HTMLCanvas
- I want the three circles to overlap. (use highcharts)
- How can I force multiple y-axis in Highcharts to have a common zero
- How to show only the last 100 candlesticks or hide the first 50 candlesticks in Highcharts Stock Chart?
- How to add a custom candlestick to highchart stock chart?
- HighCharts - How to set a max value of 100%
- How to Highcharts max height based on width of bars in chart
- Highcharts tooltip background according to line (without setting backgroundColor = null)
- highcharts: how insert a fix label on a chart
- How do you change the colour of each category within a highcharts column chart?
- highcharts, how to prevent series hover event to cause hover event on nearest point(marker)
- draw images on xaxis in GWT highcharts
- Highcharts .update modifying original data array
- Tooltip text goes out of tooltip when zoom-in
- Use nearest neighbor search for hover in column chart
- Highchart dependencyWheel DataLabels positioning
- Highcharts Pie Charts Show Outline When Empty
- Highcharts shared tooltip making a percentage difference between series