Google visualization 谷歌图表透明背景不工作

Google visualization 谷歌图表透明背景不工作,google-visualization,Google Visualization,我正在尝试使一些我用谷歌图表制作的图表的背景透明。除了IE7和IE8之外,它们在任何方面都能完美工作,我有一个白色的背景 我尝试了所有我能找到的颜色属性的组合来改变它,但没有任何效果 唯一可以尝试的是,几个月前有人在这里向其他有同样问题的人提出建议。他们的建议是 对于透明背景,请使用chf=bg、s、FFFFFF 00 但我不知道如何实现这一点 chf=bg,s,FFFFFF 00 是一个旧的代码 这些代码只适用于非SVG版本的图表。Google图像图表已经被弃用(正如您从他们的图表中看到的),

我正在尝试使一些我用谷歌图表制作的图表的背景透明。除了IE7和IE8之外,它们在任何方面都能完美工作,我有一个白色的背景

我尝试了所有我能找到的颜色属性的组合来改变它,但没有任何效果

唯一可以尝试的是,几个月前有人在这里向其他有同样问题的人提出建议。他们的建议是

对于透明背景,请使用chf=bg、s、FFFFFF 00

但我不知道如何实现这一点

chf=bg,s,FFFFFF 00

是一个旧的代码

这些代码只适用于非SVG版本的图表。Google图像图表已经被弃用(正如您从他们的图表中看到的),因此,除非您想要实现旧式图表,否则您将无法在新的、奇特的、交互式SVG图表上实现上述代码

对于新的高级SVG图表,我很幸运

backgroundColor: "transparent"
将此复制粘贴到Google Playerd以进行测试:

<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->


谷歌可视化API示例
load('visualization','1',{packages:['corechart']});
函数drawVisualization(){
//创建并填充数据表。
var data=google.visualization.arrayToDataTable([
[“年”、“奥地利”、“保加利亚”、“丹麦”、“希腊”],
['2003',  1336060,    400361,    1001582,   997974],
['2004',  1538156,    366849,    1119450,   941795],
['2005',  1576579,    440514,    993360,    930593],
['2006',  1600652,    434552,    1004163,   897127],
['2007',  1968113,    393032,    979198,    1080887],
['2008',  1901067,    517206,    916965,    1056036]
]);
//创建并绘制可视化。
新的google.visualization.BarChart(document.getElementById('visualization'))。
绘制(数据、,
{标题:“各国每年咖啡消费量”,
宽度:600,高度:400,
vAxis:{标题:“年”},
哈克斯:{头衔:“杯子”},
背景色:“透明”}
);
}
setOnLoadCallback(drawVisualization);
这只是标准条形图示例,添加了两个内容:

  • bgcolor=“#E6E6FA”到body元素(将其设置为蓝色,以便我们可以判断其是否透明)
  • backgroundColor=“透明”到选项(使其透明)

  • 这在FireFox中有效。我不知道它是否在IE7(无测试环境)中工作。让我们知道它是否有效。

    在饼图所在的配置文件中进行适当更改。 我在a.php下有一个图表作为示例:


    当它是白色背景时,代码让我有了透明度!谢谢。

    如果下面的答案对您有效,请单击答案中向上/向下投票箭头下方的复选标记,以便其他人看到这解决了您的问题。如果我的回答不够清楚,或者您仍然有问题,请在回答中添加一条评论,解释该问题是什么/不清楚什么。
    $chartURL = 'http://chart.apis.google.com/chart?chf=bg,s,f9faf7&amp;cht=p&amp;chd=t:'.$percent.',-'.(100-$percent).'&amp;chs=200x200&amp;chco=639600&amp;chp=1.57';
    
    $chartURL = 'http://chart.apis.google.com/chart?chf=bg,s,FFFFFF00&amp;cht=p&amp;chd=t:'.$percent.',-'.(100-$percent).'&amp;chs=200x200&amp;chco=639600&amp;chp=1.57';