JJUNIOR

Ipad - Fusioncharts And Calendar

Recommended Posts

Good afternoon

I have one on my page and pick FusionChart a calendar (CalendarExtender). But the graphic is loaded when the calendar is behind the graphic rendering it impossible to view calendar. This only occurs in the iPad. The same page in IE9 works normally.

 

Thanks.

Share this post


Link to post
Share on other sites

Screenshots? Code?

 

Good morning,

Attachment IE9 with preview images (Image1) and iPad (image2) below is the code for generating the timing and code that generates the graph.

 

Calendar.

<td width="111px">
<asp:Label ID="Label3" runat="server" Font-Names="Verdana" Font-Size="8pt">Data Inicial:</asp:Label>
<br />
<asp:TextBox ID="txtDataInicial" Width="72px" TabIndex="1" runat="server" BorderStyle="Solid"
  BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" OnTextChanged="txtDataInicial_TextChanged"
  AutoPostBack="True"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="CalendarInicial" runat="server" Format="dd-MM-yyyy"
 PopupButtonID="btnDataInicial" TargetControlID="txtDataInicial">
</ajaxToolkit:CalendarExtender>
<asp:ImageButton ID="btnDataInicial" runat="server" SkinID="calendario" TabIndex="2" />
</td>

 

Graph.

<html>
<head>
<script language='JavaScript' src='http://localhost/FusionCharts/FusionCharts.js'></script>
</head>
<body bgcolor='#ffffff'>
<div id='chartdiv1' align='center'>
</div>
<script type='text/javascript'>
var myChart = new FusionCharts('http://localhost/FusionCharts/Pie3D.swf', 'myChartId', '980', '240', '0', '0');
myChart.setDataXML("<chart palette='4' decimals='1' enableSmartLabels='1' enableRotation='0' bgAlpha='100' bgRatio='0,100' bgAngle='360' showBorder='0' startingAngle='70' showPercentValues='1' showPercentInToolTip='0' Wmode='transparent' > 
<set label = 'SP' value = '2653668'   isSliced='1'  />  
<set label = 'AM' value = '308557'   />  
<set label = 'EX' value = '90206'   />  
<set label = 'MG' value = '36316'   />  
</chart> ");
myChart.render('chartdiv1');
myChart = null;
</script>
</body>
</html>

Thanks

post-10248-028018400 1287398994_thumb.png

post-10248-035518700 1287399004_thumb.png

Edited by JJUNIOR

Share this post


Link to post
Share on other sites
Guest Basundhara Ghosal

Hi,

 

Could you please try specifying the transparency of the chart in your HTML code and not in XML codes using the "setTransparent()" method?

 

Ref.- myChart.setTransparent('true');

.........

myChart.render('chartdiv1');

 

I hope this helps. :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now