谷歌图表（JS） – 在图表上使用透明背景吗？

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

Answer 1

在图表的configuration选项中，指定

backgroundColor: { fill:'transparent' } 

这在Chrome和Firefox中适用于我。 我花了一些时间才发现 。 文档页面说，你只能把HTML颜色string，我认为“透明”不是其中之一。

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（）函数的末尾find背景矩形，并添加fill-opacity属性。

  fill-opacity="0.0" 

例：

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

使用eq :(）select器来select你想要透明的矩形。

Answer 5

在购物车的左侧有一个下拉箭头 – 点击，然后进入“警察图表”。

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