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 Query
- 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
More Query from same tag
- VB.net 2 dimensional array with data from a list
- Highcharts - How to show x-axis with incomplete data?
- Align date ticks on x axis
- Highcharts Datetime axis
- React Component, Highstock: Synchronize multiple charts?
- Highcharts with data populated by php generated html table - only one will load
- Highcharts Pie/Donut Chart highlighting and aligning labels
- Displaying labels near of each bar
- hover on a point in highcharts graph using playwright and typescript
- How to move islands in a highmap
- Attach arbitrary data to Highcharts data points
- Angular Highchart multiple values in tooltip
- How to hide the context menu on clicking outside uisng JS?
- HighStocks Array Series
- Turning off animation in HighCharts globally
- Drilldown on multiple Highcharts with the same data
- Highcharts add external tooltip into specific div
- How to represent date array in java script for highcharts
- Ajax JSON in to Highcharts Pie Chart
- Add Categories to Highcharts via Loop
- Redirecting to a URL on Highcharts marker click
- Difference between setExtremes and afterSetExtremes in HighStock
- Shifting Chart without losing points
- loading a json file to highchart html page
- Highcharts X-range. Columns of maximum height
- MySQL, Highcharts: “operand should contain 1 column(s):” error (follow up)
- Highchart: Spline with clickable Symbols
- Using PieChart from highcharts-react-official
- How can I add a full screen button in HighchartsReact?
- Draggable Highcharts SVG Element