Legend Not Showing Up For Pie Chart On Ipad

Satya Damarla · June 23, 2011

Hi,

We are trying to render 2D pie chart on iPad using javascript renderer. And we want to render it with Legends, show names and show values. This feature is important for us.

Even after specifying the chart properties showLegend="1" showLabels="1" showValues="1" showNames="1" --- it not rendering any of legends and name/values markings for pie's in pie chart on Apple iPad (using javascript renderer)... But the same works fine on web application using flash object on firefox/IE.

Using "Pie2D.swf" for this.

Below is the XML we are using for this:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<Chart subcaption="" streamlinedData="0" slicingDistance="5" showFCMenuItem="0" showExportDialog="1"

showBorder="0" numberSuffix="" numberScaleValue="1" numberScaleUnit=""

logoURL="" legendShadow="0" legendBorderColor="cccccc" legendAllowDrag="0"

isSliced="1" hoverCapBgColor="fffde0" formatNumberScale="0"

formatNumber="1" displayValueDistance="5" decimalPrecision="10"

captionPadding="0" caption="PrivateLbl vs NatlBrand" bgColor="ffffff"

baseFontSize="10" baseFont="Arial" showLegend="1" showLabels="1" showValues="1" showNames="1">

<set value="8.92" name="BR "

link="javascript:updateDiv('brandgroup=BR','T77chart_3048_11','3048',2);"

toolText="<b>arc.brandgroup</b>: BR <b>Net Sale Contribution %</b>: 8.92" />

<set value="91.08" name="PR "

link="javascript:updateDiv('brandgroup=PR','T77chart_3048_11','3048',2);"

toolText="<b>arc.brandgroup</b>: PR <b>Net Sale Contribution %</b>: 91.08" />

</Chart>

Any help is highly appreciated.

Thanks

-Satya

Edited June 23, 2011 by Satya Damarla

June 24, 2011

Hi,

Welcome to FusionCharts Forum!

First of all, we would like to thank you for showing interest in FusionCharts.

Please find the latest JS files attached for your reference.

You would need to copy these JS files in your charts folder.

Hope this works.

FusionCharts_June2011_3.2.2Beta_JS.zip

Satya Damarla · June 27, 2011

Thank you very very much for the quick reply and appreciate your quick support to resolve the issue.

The fix you gave worked for Pie chart. Now it is showing legends and name/value labels for pie on iPad. So we got pass thru this.

However, we hit into some issues as follows on iPad (this is only on iPad)

- Bubble chart not yet showing legends, data labels.

- Multi-line combi Bar chart not showing y-axis name for multi-series (probably this is how it works)

- Font sizes not reflected for data labels (i.e. font sizes for text coming thru show names/show values text) and Legend text labels for all chart types

These issues are only specific to iPad.. Web-version works fine.

Basically we are extensively using all chart types on iPad. All graphs we want to show legends, show names, show values.

Also a quick question: Is this JS fix you gave is stable? Can we use this JS fix in the production envi?

thanks

FusionCharts Support · June 27, 2011

Hi,

We are looking forward to fix all these in our next release.

The JS provided is beta. Once we release the stable build we would notify as release note.

Satya Damarla · June 27, 2011

Thanks for the reply. No problem, beta fix will work for us for now.

Satya Damarla · June 27, 2011

Continuing on this, I am looking for quick fix for the following two problems.. Even if a Beta fix can be provided - will work for us.

(1) Below is the XML we are using for bubble chart on iPad. Currently it doesn't show Legend and Labels even we provide showLegend="1" showLabels="1" showNames="1" showValues="1". Can you provide a quick solution/fix for this.

(2) Following is the font size/style (see below XML) we are using for Legends, Data Labels for all graphs such as Pie, Line, Multi-line Bar and Bubble charts... However the font size is not getting reflected for any of the Legend text, data labels, show names/values text. Can you provide a quick solution/fix for this. Let me if any problem with style definition below.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<chart zeroPlaneColor="FFFFFF" yaxisname="YOY Net Sales Growth %"

yAxisMinValue="-10.61" yAxisMaxValue="10.61" xaxisname="PVA Sales Variance %"

xAxisMinValue="-5.0" xAxisMaxValue="5.0" toolTipBgColor="fffde0"

subcaption="" showYAxisValues="0" showPlotBorder="0" showFCMenuItem="0" showBorder="0"

showAlternateHGridColor="0" sFormatNumberScale="1" numberScaleValue="1000,1000,1000"

numberScaleUnit="K,M,B" numDivLines="0" logoURL="" is3D="0" formatNumberScale="1" formatNumber="1"

decimals="2" clipBubbles="0" caption="Store Performance" canvasBorderThickness="0"

canvasBorderAlpha="0" borderThickness="0" bgColor="FFFFFF" baseFontSize="10" baseFont="Arial"

showLegend="1" showLabels="1" showNames="1" showValues="1" palette="2" animation="1" showToolTip="1"

legendPosition="BOTTOM" legendCaption="Legend" interactiveLegend="1">

</categories>

</definition>

</application>

</styles>

</chart>

FusionCharts Support · June 28, 2011

Hi,

For iPad Bubble charts the SYTLES won't work as of now.

You can use baseFont, baseFontColor, baseFontSize, outCnvBaseFont, outCnvBaseFontColor, outCnvBaseFontSize to set fonts.

To show legends you would need to set seriesName in <dataset> element.

Satya Damarla · June 28, 2011

Thanks for the help. It is working with this change.

June 28, 2011

Hi,

You are always welcome.

Happy FusionCharting!

patodeoz · July 5, 2011

hi, I need something similar, I'm using pie2d with legend, but i need show name and value variables in the legend not just the name. For Example it must say "Legend_1 50%". Can you help me? i have the fusionchart enterprise lisenced the lastest version.

Edited July 5, 2011 by patodeoz

July 6, 2011

Hi,

Welcome to FusionCharts Forum!

You would need to specfy the name and value together inisde the <set> element to achieve this.

Please find the sample XML code below:

<chart caption='Company Revenue' showLegend='1' showValues='0'>
   <set label='Legend_1 50%' value='50' />
   <set label='Legend_2 60%' value='32' />
   <set label='Legend_3 70%' value='42' />
</chart>

Hope this helps.

patodeoz · July 8, 2011

Hi,

Welcome to FusionCharts Forum!

You would need to specfy the name and value together inisde the <set> element to achieve this.

Please find the sample XML code below:
<chart caption='Company Revenue' showLegend='1' showValues='0'>
   <set label='Legend_1 50%' value='50' />
   <set label='Legend_2 60%' value='32' />
   <set label='Legend_3 70%' value='42' />
</chart>
Hope this helps.

mmmm, but that is not a solution is only a patch, because when i put the mouse on the chart it show "Legend_1 50%, 50%". you dont have any function that show the label "Legend_1, 50%" in the legend? i mean, that function exist but that it work in the legend would be great, please thing about it for the next release please.

July 8, 2011

Hi,

Please try the same by setting <toolText> attribute inside the <set> element.

Please find the modified XML code below:

<chart caption='Company Revenue' showLegend='1' showValues='0'>
   <set label='Legend_1 50%' value='50' toolText='Legend_1 50%' />
   <set label='Legend_2 60%' value='32' toolText='Legend_1 60%' />
   <set label='Legend_3 70%' value='42' toolText='Legend_3 70%' />
</chart>

Hope this helps.

patodeoz · July 12, 2011

thanks a lot. it work.

July 12, 2011

Hi,

You are always welcome.

Happy FusionCharting!

Jayaprakash · December 6, 2011

Hi,

i am new for Fusion Charts and Fusion Chart forums.

i am struggling with for displaying Legends of Pie Chart in iPad browser.

In my application i have to use Presto Component.In that i have to show PieChart with proper Legends.Everything works fine with respective desktop browser[iE/Safari/FireFox].But while coming to the iPad browser,

1)Charts displayed properly.

2)But Legends not displayed properly.

As your suggestion i added those three files[earlier u mentioned] and called those files in my project.But still i am facing same issue[Legends not displayed].i tried many ways,but still i couldn't able to resolve that issue.

If u have any idea,Please let me know.

Thanks in Advance,

Jayaprakash S

Hi,

You are always welcome.

Happy FusionCharting!

December 7, 2011

Hi,

Welcome to FusionCharts Forum!

Could you please try once by setting <showLegend='1'> attribute inside the <chart> element ?

In case the problem persists, please send us the XML code to test it from our end.

Awaiting for your response.

Jayaprakash · December 7, 2011

This is the xml we are using. We are able to get the legend in the desktop browser. But when it comes to iPad we are not able to see the legend.

When we added the 3 js files given by you [ FusionCharts.js, highcharts.js and jquery.min.js ] in this thread before we are getting the following error.

Failed to load app - failed to initialize jsclass - Sample.Hello, Result of expression "this.chart.options.chart.FCconf" [undefined] is not an object.

The app is running properly without these js files.

Can you please help us in solving this issue.

Regards,

Jayaprakash

Hi,

Welcome to FusionCharts Forum!

Could you please try once by setting <showLegend='1'> attribute inside the <chart> element ?

In case the problem persists, please send us the XML code to test it from our end.

Awaiting for your response.

December 7, 2011

Hi,

Thanks for your response.

Please find the latest SR1 beta JS files attached for your reference.

You would need to copy these JS files in your charts folder.

Hope this helps.

FusionChartsSR1-beta2.zip

Jayaprakash · December 7, 2011

Hi,

Thanks for your valuable reply.

Now i can able to run the application [does not showing any error].But still legend not displayed in iPad.

Can you please check it with your end using iPad[same xml what we given earlier] and give us the valuable feedback.

Even in the Desktop browser can able to view the Legends with Chart.The only problem is when it run in iPad browser its not showing the Legends.

Regards,

Jayaprakash S

Hi,

Thanks for your response.

Please find the latest SR1 beta JS files attached for your reference.

You would need to copy these JS files in your charts folder.

Hope this helps.

Edited December 7, 2011 by Jayaprakash

December 7, 2011

Hi,

Could you please confirm the FusionCharts version you are using?

Awaiting for your response.

Jayaprakash · December 13, 2011

Hi Sorry for the late response.

Due to some other important task i couldn't able to concentrate on this.

Actually we are using the latest version as 3.

Version No : 3

Also the Build number is 1750.

Using the following Fusion Chart properties we are getting Fusion Chart Version and Build number.

var FCJSMajorVersion = FusionCharts.version[0] ; // returns the major version number i.e., 3

var FCJSbuild = FusionCharts.version[4] ; // returns the build numberWaiting for your valuable response.

Regards,

Jayaprakash S

Hi,

Could you please confirm the FusionCharts version you are using?

Awaiting for your response.

December 13, 2011

Hi,

Thanks for your response.

Could you please download the latest version of FusionCharts i.e FusionCharts XT(3.2.2) from : http://www.fusioncharts.com/download/trials/ ?

All the features of FusionCharts XT (v3.2.2) are backward compatible with FusionCharts v3.1. Hence, upgrading is as easy as copy-pasting files.

More details at : http://docs.fusioncharts.com/charts/?Introduction/Upgrading32.html

Hope this helps.

Jayaprakash · December 13, 2011

Hi,

Thanks for your reply.

Still I couldn't able to found the solution.Actually i tried the following ways[What you mentioned in the above thred].

1) Copied all SWF[Latest version XT 3.22] files in to the project.

2) Coped FusionCharts.js,FusionCharts.HC.js, FusionCharts.HC.Charts.js in to the project.

3) Clear the browser cache.

For every time it always showing as "failed to load app- There was an error while loading 'jquery.event.drag-2.0.js' in ''jquery.event.drag-drop' library-20 seconds time out".

But with respective the Desktop browser its working fine.The only problem is while running this application in iPad browser.

i struct here for long time.Please help me to come out this issue.

Regards

Jayaprakash S

Hi,

Thanks for your response.

Could you please download the latest version of FusionCharts i.e FusionCharts XT(3.2.2) from : http://www.fusioncha...ownload/trials/ ?

All the features of FusionCharts XT (v3.2.2) are backward compatible with FusionCharts v3.1. Hence, upgrading is as easy as copy-pasting files.

More details at : http://docs.fusionch...pgrading32.html

Hope this helps.

December 13, 2011

Hi,

Could you please send us a scaled down sample to look into the issue?

Awaiting for your response.

Jayaprakash · December 13, 2011

hi,

We are using the following XML code for our presto application. Can you please Add this source with your sample app and check it in your iPad [if possible].

var newXml = "<chart caption='Top 5 Employees for 1996' palette='2' animation='1' subCaption='(Click to slice out or right click to choose rotation mode)' YAxisName='Sales Achieved' showValues='0' numberPrefix='$' formatNumberScale='0' showPercentInToolTip='0' showLabels='0' showLegend='1'><set label='Leverling' value='100524' isSliced='0' /><set label='Fuller' value='87790' isSliced='0' /><set label='Davolio' value='81898' isSliced='0' /><set label='Peacock' value='76438' isSliced='0' /><set label='King' value='57430' 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>";

var myChart = new FusionCharts("/prestohub/third-party/FusionCharts/Charts/Pie3D.swf", "idGraph_demo", "100%", "100%", "0", "0");

Regards,

Jayaprakash S

Hi,

Could you please send us a scaled down sample to look into the issue?

Awaiting for your response.

Jayaprakash · December 14, 2011

Hi Angshu,

Did u checked those xml with your end[Create sample app and check it in your iPad].

Awaiting for ur response.

Regards,

Jayaprakash S

hi,

We are using the following XML code for our presto application. Can you please Add this source with your sample app and check it in your iPad [if possible].

var newXml = "<chart caption='Top 5 Employees for 1996' palette='2' animation='1' subCaption='(Click to slice out or right click to choose rotation mode)' YAxisName='Sales Achieved' showValues='0' numberPrefix='$' formatNumberScale='0' showPercentInToolTip='0' showLabels='0' showLegend='1'><set label='Leverling' value='100524' isSliced='0' /><set label='Fuller' value='87790' isSliced='0' /><set label='Davolio' value='81898' isSliced='0' /><set label='Peacock' value='76438' isSliced='0' /><set label='King' value='57430' 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>";

var myChart = new FusionCharts("/prestohub/third-party/FusionCharts/Charts/Pie3D.swf", "idGraph_demo", "100%", "100%", "0", "0");

Regards,

Jayaprakash S

Edited December 14, 2011 by Jayaprakash

Legend Not Showing Up For Pie Chart On Ipad

Recommended Posts

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest Angshu

Share this post

Link to post

Share on other sites