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 Query
- 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
More Query from same tag
- How to create a scatter plot with non-numbers as values?
- Stock Chart - Formatted Tooltip And Prefixes or Suffixes Not Showing
- How to delete graph on click
- How to set point height on Y axis for specific series
- is it possible to add a legend for bubble size in high charts?
- change legend color high charts based on data
- Date type xAxis in Angular Highcharts is still allowing duplicate 'Date' values
- how to pass template variables to javascript
- How to fix highchart navigation and step based on selected range?
- Highcharts solidgauge : How can I disable gradient fill?
- How to use high charts in Angular?
- how to update renderer.text() in highcharts after a graph has been drawn?
- gridLineDashStyle of Highchart missing grid line at bottom when only one item as bellow demo
- Highcharts creates same text 3 times
- Working with JSONP Object in Highcharts
- ajax call does not fire jquery code
- highcharter xaxis crosshair tooltip labeling all series datapoints
- Plotting timeseries charts in Highcharts not in plotting order of chart
- How to loop the data[] series with php and mysql
- Highcharts Column Group Highlight Dynamically
- Tooltip Options not working for Highcharts Treemap
- Show Highcharts tooltip outside SVG container
- highstocks - legend position and refresh legend values on mousemove of multiple charts
- rCharts HighCharts how to color zones
- HighCharts: automatic x-axis issue in presence of missing data values
- Programmatically change dataLabel's border with Highcharts
- How to add custom map and custom data to Highmaps?
- Highcharts - Dyanmic graph with no initial data
- Assigning colors in highchart base on the result of javascript
- Highcharts donut pie not showing hover indicator if the slice color is white