2013-01-08 100 views
1

如何在Google圖表中爲Internet Explorer創建透明背景?如何在Google圖表中爲Internet Explorer製作透明背景?

我用

'backgroundColor':'transparent''backgroundColor' = {fill: <color>};

它工作在FF,Chrome瀏覽器,Safari和Opera,但在Internet Explorer中沒有工作。

有什麼辦法讓它在Internet Explorer中透明嗎?

+0

我不知道,但嘗試'的backgroundColor:{行程:空,填充:空,strokeSize:0}'等將被添加空白PNG圖像作爲背景 –

+0

非常感謝您..for的答覆。 ..i已添加'backgroundColor':'#colorcode'相同的網站bgcolor它在所有瀏覽器的作品非常感謝你很高興 – Nagaraj

+0

請儘快... – Nagaraj

回答

1

這可以通過

backgroundColor: {stroke:null, fill:null, strokeSize: 0} // or 
backgroundColor:#colorcode ; 

來完成,也可以添加空白PNG圖像背景要做到這一點

4

我有同樣的問題時,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'}); 
          } 
+0

謝謝binhivi ....這是聰明的做法。 .. – Nagaraj

相關問題