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><!--HTML5 doctype-->
- <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>
- <!-- graphes -->
- <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><!-- /header -->
- <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><!-- /content -->
- <div data-role="footer" data-position="fixed" data-id="myfooter">
- </div><!-- /footer -->
- </div><!-- /page conso-->
- </body>
- </html>
Thanks
David