изменить цвет столбца в диаграммах Google

Question

Как изменить цвет столбца в диаграммах Google. У меня есть эта функция: drawGraph

function drawGraph(){ 
    var data = new google.visualization.DataTable(); 
    data.addColumn('date', 'Date'); 
    data.addColumn('number', 'House 1') 
    data.addColumn('number', 'House 2') 
    data.addColumn('number', 'House 3') 
    data.addColumn('number', 'House 4') 

    data.addRows([ 
    [new Date(2016, 01, 20), 
     180, 
     150, 
     186, 
     176, 
    ], 
    [new Date(2016, 01, 19), 
     100, 
     150, 
     200, 
     175, 
    ], 
    [new Date(2016, 01, 11), 
     10, 
     11, 
     20, 
     17, 
    ], 
    [new Date(2016, 01, 07), 
     55, 
     51, 
     123, 
     100, 
    ], 
    ]) 

    var options = { 
    title: 'House Points', 
    hAxis: { 
     title: 'Date' 
    }, 
    vAxis: { 
     title: 'Points' 
    } 
    } 

    var material = new google.charts.Bar(document.getElementById('edhp_housepoints')); 
    material.draw(data, options); 
} 

Я хочу, чтобы установить цвет для дома 1 до 4, как бы мне это сделать?

Я пробовал несколько вещей, но никто из них не работает.

Answer 1

цвета для каждого столбца можно задать в опциях хэш следующим образом:

var options = { 
    title: 'House Points', 
    hAxis: { 
    title: 'Date' 
    }, 
    vAxis: { 
    title: 'Points' 
    }, 
    colors: [ 
    "#f0c514", 
    "#eb7f25", 
    "#eb4b33", 
    "#22b05a" 
    ] 
}