Unfortunately, transparent background does not work on IE. That's why this option is not documented.
On Wed, Feb 1, 2012 at 10:21 AM, firestarter <[email protected]> wrote: > Hi all, > i hope someone can helps me. > > First, > I'm not a developer or professionell. > please explain softly. ;) > > I created with the help of a friend a website > and included a dynamic google PIE-Chart. (the content of the slices > are created in mysql) > > > We have a problem with the backgroundcolor (of the chart-area) in IE. > In firefox it works perfectly. > > The chart (there are two chats) is drawn with > > ---------- > chart1 = new > google.visualization.PieChart(document.getElementById('chart1_div')); > chart1.draw(data1, options1); > > chart2 = new > google.visualization.PieChart(document.getElementById('chart2_div')); > chart2.draw(data2, options2); > > google.visualization.events.addListener(chart1, 'ready', > setView); > google.visualization.events.addListener(chart2, 'ready', > setView); > ---------- > > the options are > > ----------- > var options2 = { > width: 500, height: 400, > slices: [{color: colors2[0]}, {color: colors2[1]}, {color: > colors2[2]}, {color: colors2[3]}, > {color: colors2[4]}, {color: colors2[5]}, {color: > colors2[6]}, > {color: colors2[7]}, > {color: colors2[8]}, {color: colors2[9]}, {color: > colors2[10]}, > {color: colors2[11]}], > pieSliceText: 'label', > backgroundColor: {fill: 'transparent'}, > pieSliceBorderColor: 'white', > pieSliceTextStyle: {color: 'black', fontName: 'arial', > fontSize: > 9}, > chartArea: {top:45,height:"50%"}, > tooltip: {trigger: 'none'}, > legend: {position: 'none', textStyle: {color: 'blue', > fontSize: > 16}} > ---------- > > The problem: In IE9 is around the charts a white box an this box > overlays the background-image of the website. > > What is the Problem? > How can I solve the problem? > > I tried other varients of option backgrouncolor, for example > backgrouncolor: 'transparent' > or the displeasment of this option. > > I hope someone can helb me > > > Thank you very much > -fire- > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
