SVG Cross browser issues 1

[maharg]

Hi,

I have a simple pie chart rendered in SVG which looks fine in Firefox 15, but has a border and missing image icon in IE9, and a strange background in Chrome 22.0.1229.94 m.

Please see

http://www.london-electronics.com/johnston7/graph_test.php

Can anyone suggest a remedy for this? I suspect a doctype or HTML version issue, but despite trying several alternatives, the problem persists.

Thanks in anticipation,

Graham

 

[spamjim]

SVG is not as widely supported as you might expect.

http://caniuse.com/#cats=SVG&statuses=All

Also, the SVG is not quite right.

xlink:href="NULL"

As you are using PHP, consider a library/class that takes this data and renders a GIF/JPG/PNG file (

http://devzone.zend.com/1281/dynamically-creating-graphs-and-charts-with-php-and-gdchart/

). Or you might even try a SWF chart (

http://teethgrinder.co.uk/open-flash-chart-2/pie-chart-menu.php

)

 

[maharg]

Solved!

There was a rogue <img> tag being generated in the code.
I've removed that and all working OK now.

Thanks for the links spamjim, v. useful.

All the best,

Graham