谷歌條形圖不改變背景顏色

我使用谷歌的材質圖表靜態API庫，我想不通爲什麼背景顏色我「M進入不反映在變化的頁面加載。谷歌條形圖不改變背景顏色

這裏有選項我：

var options = { 
      backgroundColor: '#E8E4D8', 
      chart: { 
       title: 'Coaches by Service', 
       subtitle: 'Coaches by Services: From 2016-09-10 until Today' 
      } 
     };

這裏是我如何實例圖表：

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

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

圖表標題和副標題能正確顯示，任何意見，爲什麼背景顏色保持爲默認白色將不勝感激。

來源

2016-03-10 chaseshak

有更多可以分享嗎？看起來在這裏工作...

也許，檢查你正在加載的版本。
在這裏，我使用冷凍版本'44'，而不是'current'。
已經有recent issues。

google.charts.load('44', { 
 
    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: '#E8E4D8', 
 
    chart: { 
 
     title: 'Coaches by Service', 
 
     subtitle: 'Coaches by Services: From 2016-09-10 until Today' 
 
    } 
 
    }; 
 

 
    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" style="width: 900px; height: 500px;"></div>

來源

2016-03-10 19:49:02 WhiteHat

這似乎解決了我的問題，雖然我沒有在發佈和查看這個答案之間做一些修改，所以不能保證！ – chaseshak

對我來說，這是缺少google.charts.Bar.convertOptions

原來是這樣的。

chart.draw(data, options);

這工作：

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

來源

2016-08-31 12:12:19 Dasun

谷歌條形圖不改變背景顏色

回答

相關問題