Google Chartの内部色を変更してください

Question

Materialデザインを使用してGoogle棒グラフを作成しました。私は自分のページに一致するようにデフォルトの白地色を変更しようとしていますが、色はグラフの外側の余白だけを変更します。グラフデータが白いままの内部領域。私は普通のbackgroundColorとfill：...という識別子を私のオプションで使いましたが、どちらも同じ結果をもたらします。ここに私のコードがある：フィル識別子でそれをしようとすると

var barchart_options = { 
      width: 600, 
      height:350, 
      backgroundColor : '#CFC3F8', 

      ....... 

、私はこれをしなかった：

backgroundColor : {fill:'#CFC3F8'}, 

ここではスクリーンショットです：

Answer 1

chartArea.backgroundColorためのオプションもあります

var options = { 
    backgroundColor: '#CFC3F8', 
    chartArea: { 
    backgroundColor: '#CFC3F8' 
    }  
}; 

と色のみが

が作業スニペット以下を参照してください必要とされている...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['bar'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Year', 'Sales', 'Expenses', 'Profit'], 
 
    ['2014', 1000, 400, 200], 
 
    ['2015', 1170, 460, 250], 
 
    ['2016', 660, 1120, 300], 
 
    ['2017', 1030, 540, 350] 
 
    ]); 
 

 
    var options = { 
 
    backgroundColor: 'magenta', 
 
    chartArea: { 
 
     backgroundColor: 'cyan' 
 
    } 
 
    }; 
 

 
    var chart = new google.charts.Bar(document.getElementById('chart_div')); 
 

 
    chart.draw(data, google.charts.Bar.convertOptions(options)); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>