Google Charts POLY problem with VS 2010 image map

Question

Hi I am using http://code.google.com/apis/chart/docs/gallery/googleometer_chart.html

I have:

<img src="http://chart.apis.google.com/chart?cht=bvg&amp;chs=250x150&amp;chd=s:egbdf&amp;chxt=x,y&amp;chxs=0,ff0000,12,0,lt|1,0000ff,10,1,lt&amp;chm=o,000000,0,-1,10|V,000000,0,-1,1:15,,:4:10|H,000000,0,-1,3:9,,:8:17&amp;chxl=0:|E|G|B|D|F" usemap ="#chart" />
           <map name='chart'>
                <area name='bar0_0' shape='POLY' coords= '124,440,124,499,143,440,143,498' href='#'>
                <area name='bar0_1' shape='RECT' coords='55,129,78,63' href='#'>
            </map>

When I use 'rect' for shape I can attach a click event etc but when I use 'poly' It doesn't work.

I've use a jQuery mouse position plug in to check the coords and they seem ok.

Can anyone help please?

Thanks

Answer 1

put image into something like paint and get it's coordinates, not the coordinates on the web page Obviosuly, so it will still work anywhere on the page.