关于Google Charts,有没有办法调整面积图中两个或多个重叠区域之间的颜色或不透明度?我一直在尝试修改Area Chart开发网站上提供的Google示例代码。为方便起见,我提供了以下示例代码的副本。注意:如果没有官方支持的方式来做到这一点,我也有兴趣使用任何肮脏的方法去做。如何更改Google Area Chart重叠颜色或不透明度?
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: '#333'}},
vAxis: {minValue: 0}
};
var chart = new
google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
为了帮助理清我希望完成的任务,请参阅下图。
检查 'areaOpacity' 选项。默认值设置为0.3 –
了解。我认为这里已经有类似的问题。第三系列用于颜色白色和不透明度1来切割重叠部分。 –
我还没有找到任何其他相关问题。我会继续寻找(但我已经搜寻了管子,例如,等等)。在系列选项中添加第三个条目没有得到任何结果。您可以在这里尝试代码:code.google.com/apis/ajax/playground/... - 我只是将上面的代码复制并粘贴到输入字段中,并将函数名称更改为“drawVisualization”。 – Derrekito