谷歌图表（JS） - 有没有办法在图表上使用透明背景？

Question

我正在使用Google Charts API在我正在处理的webapp上包含各种图表。我正在使用javascript图表工具（不图像图表工具），我想知道是否可以在图表上使用透明背景（例如折线图，饼图等）？ / p>

Answer 1

在图表的配置选项中，指定

backgroundColor: { fill:'transparent' }

这适用于Chrome和Firefox。 我花了一些时间来find out。 doc page表示您只能输入HTML颜色字符串，我认为“透明”不是其中之一。

Answer 2

为Google Charts设置透明背景：

// Set chart options
var options = {'title':'Chart Title',
'width':600,
'height':300,
'backgroundColor': 'transparent',
'is3D':true
};

<强> JSFIDDLE DEMO

Answer 3

backgroundColor：“00000000”为我工作。

Answer 4

如果没有任何效果，请尝试在drawChart（）函数的末尾找到背景矩形并添加fill-opacity属性。

 fill-opacity="0.0"

示例：

$('#mychart').find('svg rect:eq( 1 )').attr('fill-opacity','0.0');

使用eq :(）选择器选择您想要透明的矩形。

Answer 5

在购物车的左侧有一个下拉箭头 - 单击该按钮，然后转到“警察图表”。

粘贴图表时，您仍然可以选择将其链接，并将粘贴背景透明。