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