1

Internet Explorer の Google チャートで透明な背景を作成するにはどうすればよいですか?

利用した

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

FF、Chrome、Safari、Opera では動作しますが、Internet Explorer では動作しませんでした。

Internet Explorer で透明にする方法はありますか?

4

2 に答える 2

4

私は同じ問題を抱えていました.Internet Explorer 7,8はiframeにChartを表示するので、iframeのbodyタグの透明な背景にjQueryを追加して、ChartのReadyイベントを使用しました。

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'});
                            }
于 2013-04-15T09:24:31.720 に答える
1

これは、次のいずれかで行うことができます

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

または、空白の png 画像の背景を追加してこれを行うことができます

于 2013-01-10T08:57:01.193 に答える