Raster chart rendering error in IE 9

Question

I have a problem with IE9, for example, "SVG4601: SVG Path data is in the wrong format and cannot be fully analyzed" when drawing a pie chart on an HTML5 page using Raphael JS and SVG. When I drew the SVG path, because the attribute "d", d = "(path data)" is zero, the pie chart does not appear and a console error is displayed, for example, "SVG4601: SVG Path data is in the wrong format and cannot be fully analyzed" .

The html content should be like this:

<path style="fill: #993333; stroke: #ffffff; stroke-width: 0;" fill="#993333" stroke="#ffffff" stroke-width="0" d="M261.5,86.4 A100,100,0,1,0,271.5,98.5"/> 

But I get in IE9 ..

 <path style="fill: #993333; stroke: #ffffff; stroke-width: 0;" fill="#993333" stroke="#ffffff" stroke-width="0" d=""/> 

It currently works great in IE8 and all other browsers. Any help would be greatly appreciated.

Answer 1

Finally, I upgraded my Raphael library to V 2.10 and worked just fine.

To develop IE8, use the svg sign instead of the environment tag