it-swarm.cn

谷歌图表(JS) - 有没有办法在图表上使用透明背景?

我正在使用 Google Charts API 在我正在处理的webapp上包含各种图表。我正在使用javascript图表工具( not 图像图表工具),我想知道是否可以在图表上使用透明背景(例如折线图,饼图等)?

59
johneth

在图表的“配置选项”中,指定

backgroundColor: { fill:'transparent' }

这适用于Chrome和Firefox。我花了一些时间 找出doc页面 表示你只能放入HTML颜色字符串,我认为'透明'不是其中之一。

139
maxjakob

为Google Charts设置透明背景: /

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

JSFIDDLE DEMO

7
Porta Shqipe

backgroundColor:“00000000”为我工作。

4
Rafa Llorente

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

 fill-opacity="0.0"

例:

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

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

3
Jonas Littau

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

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

0
Zach Simons