Ipad Fusioncharts Not Working

[genghis9021]

Code below works fine on desktop . . . but not on iPad.

 

I can create simple HTML (like your weekly sales example) and it works. But this does not. XML is "well-formed", confirmed in a number of editors and in browser window.

 

The DIVs below are selected via a multi-select . . . "Report->Product" producing two graphs (the "overall" and one constituent).

 

<div id="GraphProduct">

<!-- CREDIT LOSS -->

<div id="CA1" style="" class="graphproductdiv">

<span id="report">Report</span>

<span id="product">Product</span>

 

<script type="text/javascript">

// FusionCharts.setCurrentRenderer('JavaScript');

//FusionCharts._fallbackJSChartWhenNoFlash();

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "report", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "product", "./App_Files/dataCL_Unsecured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

 

<div id="CA2" class="graphproductdiv">

<span id="span1">Report</span>

<span id="span2">Product</span>

 

<script type="text/javascript">

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "span1", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "span2", "./App_Files/dataCL_Secured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

[babuu]

Hey

 

Please active line FusionCharts.setCurrentRenderer('JavaScript'); in code ,if use javascript chart (without flash) of latest version works fine.

Thanks

Babu

 

 

Code below works fine on desktop . . . but not on iPad.

 

I can create simple HTML (like your weekly sales example) and it works. But this does not. XML is "well-formed", confirmed in a number of editors and in browser window.

 

The DIVs below are selected via a multi-select . . . "Report->Product" producing two graphs (the "overall" and one constituent).

 

<div id="GraphProduct">

<!-- CREDIT LOSS -->

<div id="CA1" style="" class="graphproductdiv">

<span id="report">Report</span>

<span id="product">Product</span>

 

<script type="text/javascript">

// FusionCharts.setCurrentRenderer('JavaScript');

//FusionCharts._fallbackJSChartWhenNoFlash();

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "report", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "product", "./App_Files/dataCL_Unsecured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

 

<div id="CA2" class="graphproductdiv">

<span id="span1">Report</span>

<span id="span2">Product</span>

 

<script type="text/javascript">

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "span1", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "span2", "./App_Files/dataCL_Secured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

[Guest Sumedh]

Code below works fine on desktop . . . but not on iPad.

 

I can create simple HTML (like your weekly sales example) and it works. But this does not. XML is "well-formed", confirmed in a number of editors and in browser window.

 

The DIVs below are selected via a multi-select . . . "Report->Product" producing two graphs (the "overall" and one constituent).

 

<div id="GraphProduct">

<!-- CREDIT LOSS -->

<div id="CA1" style="" class="graphproductdiv">

<span id="report">Report</span>

<span id="product">Product</span>

 

<script type="text/javascript">

// FusionCharts.setCurrentRenderer('JavaScript');

//FusionCharts._fallbackJSChartWhenNoFlash();

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "report", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "product", "./App_Files/dataCL_Unsecured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

 

<div id="CA2" class="graphproductdiv">

<span id="span1">Report</span>

<span id="span2">Product</span>

 

<script type="text/javascript">

var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

"myProductId", "480", "360", "span1", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

"myReportId", "480", "360", "span2", "./App_Files/dataCL_Secured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

</script>

</div>

 

Hi,

 

For rendering JavaScript charts, you would have to include the necessary JavaScript files into your project folder.

 

 

> FusionCharts.js

> FusionCharts.HC.js

> FusionCharts.HC.Charts.js

> jquery.min.js

 

Also, keep all these files in the same folder.

[genghis9021]

ALL .js files are in dir as required.

 

I don't want to FORCE JS charts . . . this will run on iPad AND desktop.

 

When I force JS charts as specified . . . does not work on desktop, either.

 

 

 

Hi,

 

For rendering JavaScript charts, you would have to include the necessary JavaScript files into your project folder.

 

 

> FusionCharts.js

> FusionCharts.HC.js

> FusionCharts.HC.Charts.js

> jquery.min.js

 

Also, keep all these files in the same folder.

Edited August 10, 2012 by genghis9021

[babuu]

Hey,

 

Please clear cache for all browsers.

 

Earlier i got this error.

 

Thanks

 

ALL .js files are in dir as required.

 

I don't want to FORCE JS charts . . . this will run on iPad AND desktop.

 

When I force JS charts as specified . . . does not work on desktop, either.

 

 

 

 

[Guest Bindhu]

Hey,

 

Please clear cache for all browsers.

 

Earlier i got this error.

 

Thanks

 

 

 

Hi,

 

A few pointers,

 

Starting FusionCharts v3.2, you can render the charts on devices where Flash player is not supported (like in iPhone or iPad), is not installed or is disabled using the built-in JavaScript rendering capabilities.

 

The charts rendered by this module are purely using JavaScript and do not need Flash Player at all.

 

Using built-in JavaScript rendering capabilities, we mean, you need not specify

FusionCharts.setCurrentRenderer('javaScript');

 

FusionCharts XT gives you the option of automatic fallback, wherein the charts figure out the best mode of rendering (either Flash or JavaScript, based on availability of Flash Player).

 

Only in case if you wish to render JavaScript charts, irrespective of whether Flash Player is installed or not, you need to add a single line of code

FusionCharts.setCurrentRenderer('javaScript');

to your existing implementation.

 

Also, for this automatic fallback feature to work as expected, you need to place the FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js files in the same folder as FusionCharts.js file.

 

Hope this clarifies.

Edited August 13, 2012 by Bindhu