Hi there,
I know this is an old post but i am having a similar issue and i cannot figure out how to correct it. On all PC browsers (including Safari), the charts show fine, but on iPad, the graphs show squished. It only happens when i have set a percentage based width for the charts in the C# code for the page. If i set it to a fixed width (which is not an option for me) they display correctly.
In developer tools, i can see that the chart itself has given itself the correct percentage width but every child element has set itself to a small number of pixels, visually you can see the graph growing when it loads, then just stops growing and remains squished, almost like the chart is rendering itself pixel by pixel to work out the size of its parent container and then crashing out and remaining on wherever it gets to.
The screenshots attached shows the iPad and PC browser versions of the problem - i am using an iPad simulator (Electric Mobile Studio 2012) within VS2013 for the iPad screenshot but i have, and can, confirm that it is truly representative of what is happening on actual iPads. I have also attached a screenshot of the developer tools showing the width it has set for child elements within the chart.
I would post code for how it is defined, but it is too much to copy in and i cannot provide the link to the page as it is an authenticated system, but the charts are in a section of HTML thats looks like this (the charts themselves are wrapped in a custom control but this doesnt change how they a rendered, using it in literally hundreds of other places):
<table id="MainReportTable">
<tr>
<td id="MainGraphContainer">
<table id="tdActualYearGraph">
<tr>
<td>
<vital:VitalFusionChart ID="divActualYearGraph" runat="server"></vital:VitalFusionChart>
</td>
<td>
<vital:VitalFusionChart ID="divParcGraph" runat="server"></vital:VitalFusionChart>
</td>
</tr>
</table>
</td>
</tr>
</table>
In C# they are set like this, with 100% width (again, using my own control methods but you will get the jist):
VitalFusionChart.FastChartSet(divParcGraph, "/WebCharts/V3/StackedColumn3DLine.swf", "", jOut, "fcParc", "100%", "430", true, true);
Been bashing my head against this a while, any help you can offer would be greatly appreciated.
Kind Regards,
Nathan
