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

Question

Я использую Google Chart, чтобы нарисовать некоторые данные, и я хочу настроить цвета. Я также хотел бы использовать 3D-бары (что означает, что я не могу использовать базовую библиотеку BTW).

Это ScreenCap результатов я получаю:

левый оригинальный 3D диаграмма, право настроенная один. Как вы можете видеть, никакого оттенка не применяется к цвету, который я определяю для 3D-эффекта, вместо этого для всего столбца используется плоский цвет.

Есть ли способ исправить это?

PS. это код, который я использую для geneate графики:

function drawChartCoste(){ 
     // Create the data table. 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Valor'); 
      data.addColumn('number', 'Grupo1'); 
      data.addColumn('number', 'Grupo2'); 
      data.addRow(['Consumo', 2.5, -17.860); 


      // Set chart options 
      var options = {'title':'Comparativa de coste', 
         'width':400, 
         'height':300, 
         'is3D':true, 
         'colors':['#C26900','#165C04']}; 

      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
     } 

Answer 1

Хотя я твердо изложить свою оппозицию к 3D-графики, казалось бы, что это выполнимо from this line in the Docs:

Если is3D = правда, это массив цветов HTML или объектов такого типа: {color:face_color, darker:shade_color}, где цвет - это цвет лица, а темнее - цвет оттенка. Однако, если вы укажете цвет HTML для 3D-объекта, лицо и тень будут одного цвета, а 3D-эффект будет уменьшен. Пример: {is3D:true, colors:[{color:'#FF0000', darker:'#680000'}, {color:'cyan', darker:'deepskyblue'}]}

Вот пример:

// Set chart options 
    var options = {'title':'Comparativa de coste', 
        'width':400, 
        'height':300, 
        is3D:true, 
        colors:[{color:'#C26900', darker:'#B15800'}, {color:'#165C04', darker:'#054B00'}] 
        };