4 messages in com.googlegroups.google-chart-apiRe: Image Maps for Charts| Subject: | Re: Image Maps for Charts |
|---|---|
| From: | mickaxl (mick...@netscape.net) |
| Date: | 06/25/2008 05:51:18 PM |
| List: | com.googlegroups.google-chart-api |
This has been discussed a little here before and I proposed a
temporary solution until the feature is available in G-charts. It does
mean that you have to know a bit about your data and the display that
will result when you code up the html but check out
http://www.fitzsoft.com/skillchart.htm
where I use <map> and <area> tags to achieve what you were looking
for.
<div id="barimg" class="skover"><img usemap="#skmap" map id="barchart" alt="Bar Graph depicting project needs versus the FitzSoft Consulting skill set." title="Bar Graph depicting project needs versus the FitzSoft Consulting skill set." longdesc="http://code.google.com/apis/ chart/" src="http://chart.apis.google.com/chart? chs=400x375&cht=bvg&chxt=x,y&chco=00FF00,0000FF&chf=bg,s,EFEFEF&chtt=Sample +Chart&chts=FF0000,20&chdl=FitzSoft|Your+Needs&chxl=0:| Natural|Adabas|DB2|Cobol|SQL|1:|0|5|10|15|20&chd=s:22YYV,Mn5tz" /> <map name="skmap" id="skmap"> <area class="hand" shape="rect" coords="20,375,80,0" nohref="nohref" alt="See more details on this skill set" title="See more details on this skill set" onclick="moreinfo(1)" /> <area class="hand" shape="rect" coords="80,375,120,0" nohref="nohref" alt="See more details on this skill set" title="See more details on this skill set" onclick="moreinfo(2)" /> <area class="hand" shape="rect" coords="120,375,180,0" nohref="nohref" alt="See more details on this skill set" title="See more details on this skill set" onclick="moreinfo(3)" /> <area class="hand" shape="rect" coords="180,375,240,0" nohref="nohref" alt="See more details on this skill set" title="See more details on this skill set" onclick="moreinfo(4)" /> <area class="hand" shape="rect" coords="240,375,300,0" nohref="nohref" alt="See more details on this skill set" title="See more details on this skill set" onclick="moreinfo(5)" /> </map> </div>
On Jun 24, 6:25 pm, rck <rene...@gmail.com> wrote:
Dear all,
an idea just occured to me... How about an extension to the API that delivers an image map? So we could for example click on a part of a pie and get to a more detailed and/or related page?
I'm using Google Chart with php, some kind of serialized associative array would be nice.
All the best,
René C. Kiesler
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To post to this group, send email to goog...@googlegroups.com
To unsubscribe from this group, send email to
goog...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/google-chart-api?hl=en
-~----------~----~----~----~------~----~------~--~---