如何在Google圖表中爲Internet Explorer創建透明背景?如何在Google圖表中爲Internet Explorer製作透明背景?
我用
'backgroundColor':'transparent'
和'backgroundColor' = {fill: <color>};
它工作在FF,Chrome瀏覽器,Safari和Opera,但在Internet Explorer中沒有工作。
有什麼辦法讓它在Internet Explorer中透明嗎?
如何在Google圖表中爲Internet Explorer創建透明背景?如何在Google圖表中爲Internet Explorer製作透明背景?
我用
'backgroundColor':'transparent'
和'backgroundColor' = {fill: <color>};
它工作在FF,Chrome瀏覽器,Safari和Opera,但在Internet Explorer中沒有工作。
有什麼辦法讓它在Internet Explorer中透明嗎?
這可以通過
backgroundColor: {stroke:null, fill:null, strokeSize: 0} // or
backgroundColor:#colorcode ;
來完成,也可以添加空白PNG圖像背景要做到這一點
我有同樣的問題時,Internet Explorer 7.8將顯示在IFRAME圖表,所以我在iframe中使用事件準備就緒的圖表將jQuery添加到身體標記的透明背景。
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['', ''],
['', 2],
['', 8]
]);
var options = {
colors: ['#b28dc1', '#79449a'],
legend: {position: 'none'},
backgroundColor: 'transparent',
pieSliceText: 'value',
pieHole: 0.55,
pieSliceBorderColor: 'none'
};
var chart = new google.visualization.PieChart(document.getElementById('chart1'));
google.visualization.events.addListener(chart, 'ready', addIETransparentBg);
chart.draw(data, options);
}
function addIETransparentBg(e) {
$("iframe").contents().find("body").css({'background': 'none'});
}
謝謝binhivi ....這是聰明的做法。 .. – Nagaraj
我不知道,但嘗試'的backgroundColor:{行程:空,填充:空,strokeSize:0}'等將被添加空白PNG圖像作爲背景 –
非常感謝您..for的答覆。 ..i已添加'backgroundColor':'#colorcode'相同的網站bgcolor它在所有瀏覽器的作品非常感謝你很高興 – Nagaraj
請儘快... – Nagaraj