Javascript 如何更改谷歌面积图重叠颜色或不透明度?
关于谷歌图表,有没有一种方法可以调整区域图表两个或多个重叠区域之间的颜色或不透明度?我一直在尝试修改开发网站上提供的Google示例代码。为了方便起见,我提供了下面示例代码的副本。注意:如果没有官方支持的方法,我也对任何肮脏的方法感兴趣Javascript 如何更改谷歌面积图重叠颜色或不透明度?,javascript,charts,Javascript,Charts,关于谷歌图表,有没有一种方法可以调整区域图表两个或多个重叠区域之间的颜色或不透明度?我一直在尝试修改开发网站上提供的Google示例代码。为了方便起见,我提供了下面示例代码的副本。注意:如果没有官方支持的方法,我也对任何肮脏的方法感兴趣 google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() {
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);
}
为了帮助澄清我希望实现的目标,请参见下图。
您可以将具有不同
区域透明度的系列
添加到您的选项中:
...
vAxis: {minValue: 0},
series: {
0: { areaOpacity: 0.2},
1: { areaOpacity: 0.7}
}
选中“区域不透明度”选项。默认值设置为0.3Understand。我想这里已经有类似的问题了。第三个系列使用白色和不透明1来切割重叠部分。我还没有发现任何其他相关问题。我会继续寻找(但我已经搜索了管道的例子,等等)。在series选项中添加第三个条目不会产生任何结果。你可以在这里试用代码:code.google.com/api/ajax/playerly/…-我只是简单地将上面的代码复制并粘贴到输入字段中,并将函数名更改为“drawVisualization”。我也没有。我所指的问题是关于不重叠的系列,对于这个问题不适用。它只切断了部分区域。如果找到交点,可以使用它,但在这种情况下,x轴上的点数也应该改变。我正在向谷歌集团的官方谷歌图表团队呼吁。如果我有任何进展,为了完整起见,我会更新这里的信息。然而,我开始相信,没有官方支持的方法可以像这样操纵图形。如果是这样的话,我会向谷歌图表团队提出请求。否则,我将研究旧的(不推荐使用的?)图表API或其他图表软件。我还试图找出是否可以对生成的SVG应用后处理,但到目前为止我还没有取得进展。除非我误用了这些选项,否则它们只会影响每个数据集的整体。我希望只修改图形上的重叠部分(例如,重叠部分设置为100%不透明度)。我已经更新了我的问题,通过添加模拟图像来帮助澄清我的问题。应用系列:{0:{color:'green',不透明性:1},1:{color:'blue'},2:{color:'yellow'}除了设置“green”和“blue”外,似乎不会影响图形。我将您的回答解释为建议我应用第三个系列,并选择图表的第三个区域(在本例中为重叠部分)。如果是这样,添加第三个区域不会修改图形。