色の変更 - Google縦棒グラフの資料

Question

私のウェブサイトでは、Google chart "columnchart_material"を使用しようとしています。 グラフは正しく表示されますが、バーの色を変更することはできません。 最初のバーは特定の色にし、もう1つのバーは別のバーにしたいと思います。

ここに私のコードです。 私は何が間違っているかを見つけるのを助けてくれることを願っています。ご協力いただきありがとうございます。

<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> 

Answer 1

私はちょうどあなたが正しくモジュールがロードされていることを確認してください、あなたのコードですべての問題を見つけるいけない 、

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

DEMO