Xiangjing Li

Thanks for the suggestion. We did a code update and now rendering fusionchart is much faster in IE 9. We used to start a AJax call call a backend php file to generate XML data and draw fusion charts. Then print out Ajax callback content to render fusionchart. It turned out a heavy task in IE 9. In the new process, we use fusionchart javascript API in browser to render charts by : 1) to create a new fusioncharts object var myChart = new FusionCharts('./FusionChart/Pie3D.swf', fc_id, fw, 300); 2) set xml URL , strURL is a url for generating xml data myChart.setXMLUrl(strURL); 3) render chart to a div id myChart.render(div_id); Now rendering chart in IE 9 is not slow. Thanks for the help!

Hi, We are recently developing a dashboard including 4 charts (3 pie 3d charts and 1 column 3d chart). It is working well in IE8. But when we try to load the same page from the same host in IE9, charts rendering is much slower. In IE8, the 4 charts display within 2-3 seconds. In IE9, it would take more than 10 seconds. In a browser client, it even takes more than 20 seconds to show all charts. Please help review the XML data for 4 charts and the steps to render the 4 charts as below. Our Fusionchart version is :@version fusioncharts/3.3.1-sr2.19840 Looking forward to your feedback and suggestion. Thanks, Xiangjing <steps> 1) using jQuery $.get to start a Ajax callback to request rending the 4 charts. 2) In backend Ajax response php function, a) generate XML data as below call php function renderChart and echo its output, like: echo renderChart('./FusionChart/Pie3D.swf', '', $strXML, $render_div, $fw, 300, false, false); ...... echo renderChart('./FusionChart/Column3D.swf', '', $chartXML, $render_div, $fw, 300, false, false); where: $strXML - is the xml data, $render_div - is the div id $fw - is the width 3) When receiving Ajax callback, using jQuery html function to print out received data (output of function renderChart) $('#div_graphs').html(data); <XML data> Pie chart 1: <chart caption='LIM Status for All Clusters' palette='1' animation='1' showAboutMenuItem='0' pieYScale='20' pieRadius='100' formatNumberScale='1' numberPrefix='' pieSliceDepth='15' startingAngle='120' > <set label='Load OK' value='4' isSliced='0' /> <set label='Load Busy' value='0' isSliced='0' /> <set label='Load Locked' value='0' isSliced='0' /> <set label='Load Other' value='8' isSliced='0' /> <styles> <definition> <style type='font' name='CaptionFont' color='666666' size='15' /> <style type='font' name='SubCaptionFont' bold='0' /> </definition> <application> <apply toObject='caption' styles='CaptionFont' /> <apply toObject='SubCaption' styles='SubCaptionFont' /> </application> </styles> </chart> Pie chart 2: <chart caption='Batch Status for All Clusters' palette='1' animation='1' showAboutMenuItem='0' pieYScale='20' pieRadius='100' formatNumberScale='1' numberPrefix='' pieSliceDepth='15' startingAngle='120' > <set label='Batch OK' value='5' isSliced='0' /> <set label='Batch Closed' value='0' isSliced='0' /> <set label='Batch Other' value='7' isSliced='0' /> <styles> <definition> <style type='font' name='CaptionFont' color='666666' size='15' /> <style type='font' name='SubCaptionFont' bold='0' /> </definition> <application> <apply toObject='caption' styles='CaptionFont' /> <apply toObject='SubCaption' styles='SubCaptionFont' /> </application> </styles> </chart> Pie chart 3: <chart caption='Grid Status for All Clusters' palette='1' animation='1' showAboutMenuItem='0' pieYScale='20' pieRadius='100' formatNumberScale='1' numberPrefix='' pieSliceDepth='15' startingAngle='120' > <set label='Down/Diminished Hosts' value='8' isSliced='0' /> <set label='Busy/Closed Hosts' value='0' isSliced='0' /> <set label='Idle/Closed Hosts' value='0' isSliced='0' /> <set label='Low Resources Hosts' value='0' isSliced='0' /> <set label='Busy Hosts' value='1' isSliced='0' /> <set label='Idle w/Jobs Hosts' value='0' isSliced='0' /> <set label='Idle Hosts' value='3' isSliced='0' /> <set label='Starved Hosts' value='0' isSliced='0' /> <set label='Admin Down Hosts' value='0' isSliced='0' /> <styles> <definition> <style type='font' name='CaptionFont' color='666666' size='15' /> <style type='font' name='SubCaptionFont' bold='0' /> </definition> <application> <apply toObject='caption' styles='CaptionFont' /> <apply toObject='SubCaption' styles='SubCaptionFont' /> </application> </styles> </chart> column chart 4: <chart caption='Free Memory Slots Availability for All Clusters' palette='1' animation='1' formatNumberScale='0' numberPrefix='' labeldisplay='ROTATE' showValues='1' slantLabels='1' seriesNameInToolTip='0' sNumberSuffix='' plotSpacePercent='0' labelDisplay='STAGGER'><set label='Free 1G Slots' value='22' /><set label='Free 2G Slots' value='9' /><set label='Free 4G Slots' value='4' /><set label='Free 8G Slots' value='1' /><set label='Free 16G Slots' value='0' /><set label='Free 32G Slots' value='0' /><set label='Free 64G Slots' value='0' /><set label='Free 128G Slots' value='0' /><set label='Free 256g Slots' value='0' /><styles> <definition> <style type='font' name='CaptionFont' size='15' color='666666' /> <style type='font' name='SubCaptionFont' bold='0' /> </definition> <application> <apply toObject='caption' styles='CaptionFont' /> <apply toObject='SubCaption' styles='SubCaptionFont' /> </application> </styles> </chart>

Just do the update that he issue is finally resolved. There is a part in our code designed to change Pie Chart size dynamically when in IPAD or in Windows. the <div> part is incorrectly defined in IPAD, which causes Pie chart height becomes 0 when creating FusionChart Pie chart.

Hi, I did multiple trials and figured it out partially. Now my Pie3d chart can display correctly. From what I tried, it seems all pie related options in Pie3D (such as pieradius, pieyscale..)have to be assigned explicitly in pure Javascript (IPAD). By comparison, it seems those options have default settings in swf, As a result, if those options aren't assigned, piechart can't display in IPAD but it does display correctly in Windows browsers. After I assigned values into Pie chart options in Javascript, The Pie chart can be displayed in IPAD. But legend area in my case still doesn't work. As shown in attached screen shot, all legend text squeezed together. Can anybody help resolve it? 1) Here is my XML for displaying the pie3d chart. <chart caption='User test1 Job Statistcs Today for All Queues in All Clusters' palette='2' animation='1' showAboutMenuItem='0' pieYScale='40' pieRadius='110' pieSliceDepth='15' startingAngle='120' formatNumberScale='0' numberPrefix='' showValues='1' showPercentInToolTip='0' showLabels='1' showLegend='1' legendPosition='BOTTOM' legendNumColumns='5' > <set label='Pending' value='1' isSliced='0' /> <set label='Running' value='5' isSliced='0' /> <set label='Started' value='0' isSliced='0' /> <set label='Ended' value='0' isSliced='0' /> <set label='Exited' value='0' isSliced='0' /> </chart> 2) please see attached screen shot.

Hi FusionChart support, Thanks a lot for the reply.Please check two screen shots posted: 1.PNG - The chart displays well in Windows Chrome Browser 2.PNG - The chart doesn't display well from an actual IPAD Chrome Browser. Based on your screen shot, it seems IPAD simulator was applied for verify. Then flash feature could still be used for drawing charts if it is not closed in simulator. could it be verified in a real IPAD? Thanks for the help.

I forgot to mention that we are using jQuery 10.2

Hi FusionCharts support: I recently encountered a problem that legend in Pie3D type can't be displayed properly in IPAD (IOS7). All legend contents squeezed together. I am using fusioncharts/3.3.1-sr2.19840. Here is what I implemented for your reproduction. It works properly in Windows browsers instead. I guess the main difference is that Windows is using Pie3D.swf to display but IOS can't use it. <Reproduce steps:> 1. define a simple XML file for Pie3D graphing test1.xml: <chart caption='Company Revenue' showLegend='1' showValues='1'> <set label='Legend_1' value='50' /> <set label='Legend_2' value='32' /> <set label='Legend_3' value='42' /> </chart> 2. In web page, create a div called "piechart" for placing the Pie3D chart <div id='piechart' ></div> 3. Use FusionCharts Javascript functionality to create a Pie3D object var myChart = new FusionCharts('./FusionChart/Pie3D.swf', 'mygraph', fw, fh); myChart.setXMLUrl("test1.xml"); myChart.render('piechart'); <Results:> 1. In IPAD IOS 7, all the three legends squeezed together. 2. Plus the Pie3D created in IPAD IOS7 looks very weird. It looks like a slim stick but not a pie style. Maybe the reason is the XML file has to explicitly set up option "pieRadius" "pieSliceDepth" and "startingAngle" value for IOS? Hope someone can help figure it out! Thanks, Xiangjing