score:2
Accepted answer
You can achieve this by using the plotBackgroundColor
from the chart
option combined with the alternateGridColor
from the xAxis
options.
Here is an example :
var color1 = 'rgba( 255, 0, 0, .3 )';
var color2 = 'rgba(255, 0, 255, .2)';
chart: {
plotBackgroundColor: color1
},
xAxis: {
alternateGridColor: color2,
...
},
...
A live example : http://jsfiddle.net/YRgBf/1/
Source: stackoverflow.com
Related Articles
- Make Highcharts border color match background color on column chart
- Highcharts chart with risk color background
- Highcharts: Zebra color chart background
- Highcharts - change background color along specific date range
- Change color of area chart programmatically in highcharts
- Highcharts Area Chart - Specifying Area Color
- Background color to highcharts
- How do I set the background color of a Highcharts HTML label?
- Color each point individually in column chart highcharts
- Highcharts Change Bar Background Color Based on categories value
- Highcharts --- Change sliced color on drilldown pie chart
- Highcharts - Negative color with 'line' type polar chart
- HighCharts Stock Chart error code 18
- Highcharts bubble chart datalabels color contrast issue
- Highcharts - In area chart how to use gradient color for multiple series?
- Set background color for only one pane in multi-pane Highstock chart
- How to change the background color of measure tool in stock chart in highstock?
- highcharts pie chart color for dynamic data
- Change line color in area-spline chart in Highcharts
- Highcharts - Export with background color
- Highcharts polar background color
- Highcharts column chart color by single color but with different brightness level as per respective column value
- background color change in jquery highcharts
- Highcharts Heatmap background color when invalid data
- Highcharts set background color and opacity
- How to change color of bar in column chart with different level of percentage in highcharts
- Highcharts original background color always gets exported
- Pie chart Slice color Change Dynamically in Highcharts
- How to remove background color on hover of bar in highcharts
- change datalabels color in a HighCharts chart when hovering without updating the series
- Remove column spacing between bars highchart
- Change Candle color based on Stochastic values
- Highcharts: Heatmap using CSV
- highcharter: BoxPlot Outliers not being on correct x-axis point
- Highcharts Interactivity between plots - looking for code improvements
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- live charts using chart.js
- Responsive meteogram (icons) highcharts
- Echarts how to highlight area between 2 line charts
- Highcharts display full number or any format instead of k
- Highcharts IE issues with jQuery ajax load
- Using HIghcharts on Codeigniter to get data name and total
- Highcharts: misaligned date on multiple axis
- Very wide columns in stacking column graph
- Highcharts: how to align column and line chart x-axises
- How to render Highcharts graph into user-selected DIV
- giving a javascript number fixed width after decimal while remaining a number
- Highcharts:Legend and title overlap pie chart when updating data
- Function to change the Highcharts fontSize
- Formating date from database for use in Highcharts