Google Charts (JS) - 有没有办法在图表上使用透明背景？

Question

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

Answer 1

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

backgroundColor: { fill:'transparent' }

这在 Chrome 和 Firefox 中对我有用。我花了一些时间才发现。 doc 页面说你只能输入 HTML 颜色字符串，我假设“透明”不是其中之一。

Answer 2

为谷歌图表设置透明背景：

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

Answer 3

5
投票

背景颜色：“00000000”对我有用。

Answer 4

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

 fill-opacity="0.0"

例子：

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

使用 eq:() 选择器选择要透明的矩形。

Answer 5

在购物车的左侧有一个下拉箭头 - 单击它，然后转到“cop chart”。

粘贴图表时，仍然可以选择链接，粘贴时背景透明

Answer 6

对选项对象变量使用 backgroundColor 属性-
backgroundColor: {
            fill: transparent;
        };

It will work perfectly. Thanks