cshah786

Hi, I am using an evaluation version of FusionChart. I am having a Pie Chart(which is on index.jsp) which has a clickable link (eg pay.jsp), it works fine on clicking of part of pie chart and opens that respective page (i.e pay.jsp). But when I go back to (index.jsp) from pay.jsp in mobile browser using a link, the Pie chart colour turns black. On web browser, it is working fine. Any help would be appreciated. Thanks

Hi, Attached is the screenshot taken in iphone 4s. In first screenshot, while clicking on section of pie chart i.e green it takes to pay.jsp. In second screenshot, while clicking on index in menu, it takes to index.jsp. In third screenshot, on index.jsp we get the black pie chart. We have tested this scenario on mobile browser of samsung galaxy s2, iphone 4s and 5. However,It works on desktop web browser. Thanks

Below is the code snippet in which click of a pie chart part it will take me to pie.jsp. And when I navigate back to index.jsp from pay.jsp (i.e <li data-icon = "false"><a href="index.jsp">Home</a></li>) the pie chart color turns black in mobile browser. index .jsp <script type="text/javascript"><!-- <!----> FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts("Charts/Pie2D.swf", "myChartId", "500", "190", "0"); myChart.setXMLData("<chart labelDisplay='WRAP' slantLabels='1' subCaption='' palette='' showLabels='0' showValues='0' use3DLighting='1' numberPrefix='' sformatNumberScale='1' sNumberPrefix='$' syncAxisLimits='1' rotateValues='0' showSum='0' pieYScale='50' pieSliceDepth='10' showBorder='0' bgcolor = 'ffffff' placevaluesinside='1' enableSmartLabels = '0' manageLabelOverflow = '1' useEllipsesWhenOverflow = '1' isSmartLineSlanted = '1' pieRadius = '65' showLegend = '1' legendPosition = 'RIGHT' legendPadding = '-220' chartLeftMargin = '-40' chartBottomMargin = '40' ><set label='Pay' value='154221' color ='#99cc33' link = 'Pay.jsp' /><set label='Car' value='7888' color = 'ff9999' link = 'Car.jsp' /> </chart>"); myChart.render("chartContainer"); </script> Pay.jsp <div data-role="popup" id="popupMenu" data-theme="k"> <ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="k"> <li data-icon = "false"><a href="index.jsp">Home</a></li> <li data-icon = "false"><a href="Car.jsp">Car</a></li> <li data-icon = "false"><a href="logout.jsp">Logout</a></li> </ul> </div> Thanks