Google Chart Background Color

charts google-visualization
firebait picture firebait · Jan 10, 2012 · Viewed 82.3k times · Source

I'm styling a google chart using the javascript api. I want to change the background of the area where the data is plotted. For some reason when I set background options like so:

chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } })

It changes the the background of the whole chart and not the area where the data is plotted. Any ideas on how to only change the background of the plotted area? Thanks

Answer

uma shankar pandey picture uma shankar pandey · Aug 20, 2012

pass the options like this 

var options = {
    title: 'title',
    width: 310,
    height: 260,
    backgroundColor: '#E4E4E4',
    is3D: true
};

Related questions

PHP MySQL Google Chart JSON - Complete Example

I have searched a lot to find a good example for generating a Google Chart using MySQL table data as the data source. I searched for a couple of days and realised that there are few examples available for generating …

Read More
Remove padding or margins from Google Charts

Example fiddle How do I remove padding or margins in this example?

Read More
Google Charts - Change individual bar color

With Google Charts bar graph, is it possible to to change the color of one bar. For example I'd like to make the 2006 data red (other bars are blue). function drawVisualization() { // Create and populate the data table. var data = new …

Read More