Google visualization 更改Google图表中3D列的颜色

Google visualization 更改Google图表中3D列的颜色,google-visualization,Google Visualization,我正在使用谷歌图表绘制一些数据,我想自定义颜色。我还想使用三维酒吧(这意味着我不能使用核心库顺便说一句) 这是我得到的结果的屏幕截图: 左侧为原始3D图表,右侧为自定义图表。正如您所看到的,我为3D效果定义的颜色不应用着色,而是为整个列使用平面颜色 有办法解决这个问题吗 注:这是我用来生成图表的代码: function drawChartCoste(){ // Create the data table. var data = new google.visu

我正在使用谷歌图表绘制一些数据,我想自定义颜色。我还想使用三维酒吧(这意味着我不能使用核心库顺便说一句)

这是我得到的结果的屏幕截图:

左侧为原始3D图表,右侧为自定义图表。正如您所看到的,我为3D效果定义的颜色不应用着色,而是为整个列使用平面颜色

有办法解决这个问题吗

注:这是我用来生成图表的代码:

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);
      }

虽然我坚定地重申我反对3d图表,但这似乎是可行的:

如果is3D=true,则这是一个由HTML颜色或此类对象组成的数组:
{color:face\u color,darder:shade\u color}
,其中color是元素的face color,darder是shade color。但是,如果为3D对象指定HTML颜色,则“面”和“着色”将是相同的颜色,并且3D效果将降低。示例:
{is3D:true,颜色:[{color:'#FF0000',深色:'#680000'},{color:'cyan',深色:'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'}]
                  };

不允许使用3d图表。这并不一定会改变你的想法。同时,请包括您用来创建图表的代码,这样我们至少可以从同一基线开始工作。不幸的是,是否从3D切换到2D并不取决于我。我发布了我用来生成图表的函数。没问题——它是隐藏的,因为它不推荐使用。我希望你能成功!