Search jQuery

jQuery Forum

conflict between jquerymobile and dateAxisRenderer from jqplot

in jQuery Mobile • 10 years ago

Hello,

I have a problem I can't solve: I try to use jqplot with jquery mobile. The Xaxes contains dates. If I try to use dateAxisRenderer plugin the page seems to be in an infinite loop.

When I disable it:

axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}}

the page is loading well, but the axis are not human readable.

Does have anyone encountered the problem?

Here is the entire code:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/jquery-ui.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script src="js/jquery.mobile-1.1.0.min.js"></script>
<link class="include" rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
<script class="include" src="js/jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.js"></script>
</head>
<body>
<script>
$('#graphPage').live('pageshow', function() {
var plot1 = $.jqplot('graph', [[[2012-05-21,10],[2012-06-22,12]]], {
title:'Default Date Axis',
axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});
</script>
<div data-role="page" id="graphPage" data-add-back-btn="true">
<div data-role="header">
<h1>test </h1>
</div>
<div data-role="content">
<div class="jqPlot" id="graph" style="height:300px;width:290px;" ></div>
<button class="button-reset" data-inline="true">Annuler Zoom</button>
</div>
<div data-role="footer" data-position="fixed" data-id="myfooter">
</div>
</div>
</body>
</html>

Thanks

David

Response title

Attachments

jQuery Forum

conflict between jquerymobile and dateAxisRenderer from jqplot

Statistics

Tags

Actions