Изменение цвета - Google Chart Column chart

Question

Я пытаюсь использовать диаграмму google "columnchart_material" на моем сайте. Диаграмма отображается правильно, но мне не удается изменить цвета столбцов. Я бы хотел, чтобы первые бары были в определенном цвете, а вторые - в другом.

Вот мой код. Надеюсь, вы можете помочь мне найти, что случилось. Спасибо за вашу помощь.

<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