Chart API for gradients generation

68 views
Skip to first unread message

NikNik77771

unread,
Jan 26, 2011, 3:31:34 PM1/26/11
to Google Chart API
Please see http://www.agost.ru/. Is it possible to obtain picture that
used for background of header and footer by Chart API?

Marcus Bointon

unread,
Jan 26, 2011, 5:29:50 PM1/26/11
to google-c...@googlegroups.com
On 26 Jan 2011, at 21:31, NikNik77771 wrote:

> Please see http://www.agost.ru/. Is it possible to obtain picture that
> used for background of header and footer by Chart API?

I think you would be better off looking into CSS gradients - they look better and are effectively smaller and faster too - none of the loading flashes like on that site. Try this tool: http://www.colorzilla.com/gradient-editor/

Marcus

Nikolay Rychkov

unread,
Jan 26, 2011, 5:32:56 PM1/26/11
to google-c...@googlegroups.com
Thank you very much but this is not a solution

2011/1/27 Marcus Bointon <marcus....@gmail.com>

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


Marcus Bointon

unread,
Jan 26, 2011, 6:31:03 PM1/26/11
to google-c...@googlegroups.com
On 26 Jan 2011, at 23:32, Nikolay Rychkov wrote:

> Thank you very much but this is not a solution

Not sure why not. The only modern browser they don't work in is opera (though it has an SVG workaround), and there's an elegant fallback to images. Even IE6 has basic gradients.

Anyway, there are lots of online gradient image generators, though most are meant for interactive use rather than static generation, but there are some open source ones e.g. http://www.phpclasses.org/package/3852-PHP-Generate-images-with-a-gradient-pattern.html

If I was going to write my own gradient generator API, I'd probably start with something like imagemagick since it's fast, solid and scarily flexible: http://www.imagemagick.org/Usage/canvas/#gradient

Marcus

KeithB

unread,
Jan 27, 2011, 10:42:45 AM1/27/11
to google-c...@googlegroups.com
It is a solution - it just might not be the one for your situation.

Charts support gradient background fills:
 
http://chart.googleapis.com/chart?chs=200x125&cht=ls&chco=0077CC&chd=t:&chf=c,lg,90,C2D1E0,1,DFE7EF,0

- Keith

Nikolay Rychkov

unread,
Jan 27, 2011, 1:01:07 PM1/27/11
to google-c...@googlegroups.com
Thank yo very much KeithB. I try it closer. It looks like good starting point.

2011/1/27 KeithB <kborn...@gmail.com>

--

David Nicol

unread,
Jan 27, 2011, 1:13:06 PM1/27/11
to google-c...@googlegroups.com, Nikolay Rychkov
Also, there's transparency! So a transparent background, layered over
an image, might do just what you want. I'd like to see an example of
that working!


Color Format
Specify colors using a 6-character string of hexadecimal values, plus
two optional transparency values, in the format RRGGBB[AA]. For
example:
FF0000 = Red
00FF00 = Green
0000FF = Blue
000000 = Black
FFFFFF = White
AA is an optional transparency value, where 00 is completely
transparent and FF is completely opaque. For example:
0000FFFF = Solid blue
0000FF66 = Transparent blue

Reply all
Reply to author
Forward
0 new messages