Sign in to follow this  
mpeusa

Using Jquery Mobile

Recommended Posts

Here is the content of my page:

 

<!DOCTYPE html>

 

<html>

 

<head>

 

<title></title>

 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />

 

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

 

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

 

<script src="Charts/FusionCharts.js"></script>

 

<script src="Charts/FusionCharts.jqueryplugin.js"></script>

 

 

</head>

 

<body>

 

<div data-role="page" data-theme="a">

 

<div data-role="header">

 

<a href="index.html" data-icon="home" class="ui-btn-left">Home</a>

 

<h1>Warehouse Revenue - All Sites</h1>

 

<a href="all_ebitda.html" data-icon="next" class="ui-btn-right">Next</a>

 

</div>

 

<div data-role="content" data-theme="d">

 

<div id="chartContainer">

 

FusionCharts XT will load here!

 

</div>

 

<script type="text/javascript">

 

<!--

 

$(document).ready(function () {

 

$("#chartContainer").insertFusionCharts({

 

swfUrl: "Charts/MSColumn2D.swf",

 

renderer: "JavaScript",

 

dataSource: "Data/All/all_revenue.xml",

 

dataFormat: "xmlurl",

 

width: "100%",

 

height: "88%",

 

id: "myChartId"

 

});

 

});

 

// -->

 

</script>

 

</div>

 

</div>

 

</body>

 

</html>

 

 

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

A warm welcome to FusionCharts Forum! smile.gif

 

Please find the sample of FusionCharts XT with "jQuery Mobile" attached with this post, which is working fine and the chart is rendering without refreshing the page, from our end.

 

Hope this helps!

135563_jQuery_Mobile.zip

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
Sign in to follow this