[visualization-api] Line Chart Image Background or Watermark

[Burton]

Is it possible to have a background image or watermark for a google
visualization? I know you can specify the color, but I want an image.

Thanks,
Andrew

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

[MC Get Vizzy]

hi Andrew.  this is currently not supported.

[Arunabh Das]

How do you specify the background color for piechart?

On May 10, 7:52 am, MC Get Vizzy <getvi...@google.com> wrote:
> hi Andrew.  this is currently not supported.
>
>
>
> On Tue, May 4, 2010 at 9:54 PM, Burton <abur...@enki.us> wrote:
> > Is it possible to have a background image or watermark for a google
> > visualization? I know you can specify the color, but I want an image.
>
> > Thanks,
> > Andrew
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Google Visualization API" group.
> > To post to this group, send email to
> > google-visua...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > google-visualizati...@googlegroups.com<google-visualization-api%2Bunsu...@googlegroups.com>
> > .

[Arunabh Das]

Nevermind, I just realized I can use the backgroundColor property.

On May 10, 7:52 am, MC Get Vizzy <getvi...@google.com> wrote:

> hi Andrew.  this is currently not supported.
>
>
>
> On Tue, May 4, 2010 at 9:54 PM, Burton <abur...@enki.us> wrote:
> > Is it possible to have a background image or watermark for a google
> > visualization? I know you can specify the color, but I want an image.
>
> > Thanks,
> > Andrew
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Google Visualization API" group.
> > To post to this group, send email to
> > google-visua...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > google-visualizati...@googlegroups.com<google-visualization-api%2Bunsu...@googlegroups.com>
> > .

[Séb]

Hi,

The only way I found to display a background image, is with CSS opacity, I share it :

HTML

 <div class="bg">

    <div id="chart_div" class="chart"></div>

 </div>

CSS

.bg {background:url(yourPic.png);}

.chart {opacity : 0.8; 

    -moz-opacity : 0.8; 

    -ms-filter: "alpha(opacity=80)"; /* IE 8 */ 

    filter : alpha(opacity=80); /* IE < 8 */}

 

[Roni Biran]

nice, however this is a faded image :-(

you can just set the backgroundColor of the chart to transparent and add the image in the style of the div

for example:

<script>

.......

chart.draw(data, { ......, backgroundColor: 'transparent' });

......

</script>

<div id="chart" style="width:500px;height:400px;background-image:url('imgSrc.png');"></div>

--

You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/8tSShqG-sNYJ.

[asgallant]

Note that transparency does not work in the IE version of the charts (the charts use VML instead of SVG in IE, and the chart team couldn't get transparency working without breaking everything else).