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 format Highcharts to get specific json data?
- How to create a tooltip chart in r using highcharter?
- HIghcharts.js add catgories with addseries on column chart
- Changing the scale of yAxis on Highstock to draw plot line
- Conditional Symbols in Highcharts
- How do I set more than one y-axis coordinate on one chart in HighCharts?
- How to use jspdf to print and download the multiple highcharts contents in pdf format
- Chartkick on rails: change the graph style based on the data
- highcharts scatter 1 second update with user defined lables on x-axis for each point
- High charts queue chart updates after ajax with multiple charts in firefox
- highcharts not sure how to load data from external json
- Highcharts export stops working after first export
- Highcharts. Make tooltip of a specific point always visible
- Highcharts Donut Chart text in center change on hover
- Render from/to areas in Highcharts line chart
- Highcarts Space between number If the value is exceed 1K
- Use Series names as xAxis in Highcharts
- Tooltip doesn't appearing for overlapping datapoints in highchart xrange
- Bubble chart :Cannot read property 'parts/Globals.js' of undefined
- Suggestions on getting Highstocks graph images sent to server
- Importing JSON file into Highcharts for Bar Chart Visualization
- Highchart js set marker at starting of graph
- Years-only display on xAxis with Highcharts
- how to convert timestamp in date format in tooltip of highcharts?
- Need to remove the empty space to the left of the graph, after I moved the stocktools to the top of the graph in highstocks
- Datetime Highchart with selection event, set wrongly the extremes
- text-decoration:line-through; in SVG rendered by Highcharts
- Manually reordering Bar Chart in R Highchart
- Highcharts: Creating gantt chart having stacked rows
- Highcharts chart.events.redraw doesn't work for chart.xAxis[0].update