Color Change - Google Column圖表素材

我正在嘗試在我的網站中使用谷歌圖表「columnchart_material」。圖表正確顯示，但我無法設置更改條的顏色。我想第一個酒吧是在一個特定的顏色和第二個酒吧在另一個。Color Change - Google Column圖表素材

這是我的代碼。我希望你能幫我找到問題所在。謝謝你的幫助。

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<script type="text/javascript"> 
    google.charts.load('current', {'packages':['bar']}); 
    google.charts.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = google.visualization.arrayToDataTable([ 
     ['', 'Ville', {role: 'style'}, 'Departement', {role: 'style'} ], 
     ['Taxe d\'habitation',22, 'color: #A63950', 24, 'color: #39A68F', ], 
     ['Taxe foncière sur le bati',24, 'color: #A63950', 21, 'color: #39A68F',], 
     ['Taxe foncière non-bati', 36, 'color: #A63950', 18, 'color: #39A68F',] 
    ]); 

    var options = { 
     chart: { 
     title: 'Taxes communales', 
     } 

    }; 




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

    chart.draw(data, options); 
    } 
</script> 
<div id="columnchart_material"></div>

來源

2016-10-02 Ddc

什麼問題？ – Sajeetharan

請參閱[本答案]（http://stackoverflow.com/a/36452554/5090771）瞭解選項，使用_Material_圖表或_Core_圖表... – WhiteHat

我不找你的代碼的任何問題，只是確保你已經正確地加載的模塊，

var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 
     chart.draw(data, google.charts.Bar.convertOptions(options)); 
     }

DEMO

來源

2016-10-02 16:18:33 Sajeetharan

Color Change - Google Column圖表素材

回答

相關問題