However, recently I experienced a problem with using this pie chart. If I render directly when the page loads, then the chart is working fine. However, when I use jquery facebox, and render the pie chart when a link is clicked, the legend lines are stacked together! Here is a screen shot, so you know what I am talking about:
Another problem that I experienced with using Raphael is that in IE 7/6, the chart sometimes only shows a top part of it. That is to say, the raphale chart only shows half of the title and the whole chart is not shown. However, in IE8 it is ok. The reason is that in IE7/6, the raphael chart is not able to calculate the total height of the chart wrongly if you didn’t specify the height of the container. So it is always safe to specify the height of the container.