jqplot chart is not displaying in my jquerymobile page

jqplot chart is not displaying in my jquerymobile page

i am preparing a jquerymobile app, in which i want to insert a jqplotchart, so that i wrote code for that. but now problem is chart is not being displayed in my page.

javascript i written:

  1. $(document).bind("mobileinit",function() { // go to server for chart data $('#pagePlotChart').live('pageshow',function() { $.get("mygraphdata", function(data){ $.jqplot('plotChart', data,{ title:'My Chart', axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, axes: { xaxis: { label:"Day", pad: 0 }, yaxis: { label: "Measurement" } } }); }); return false; }); });

html code:

  1. <div id="pagePlotChart" data-role="page" data-rockncoder-jspage="managePlotChart"> <header data-role="header" data-position="fixed"> <h1>Plot Chart</h1> </header> <section data-role="content"> <div id="plotChart" class="myChart"></div> <button id="refreshPlotChart" value="Refresh Chart" data-mini="true"></button> </section> </div>

actually i have to take json data from some php file and pass to this chart. and chart shuld display the graph by using that json data from some php file.

my json data will be in this formate ["v1:myName","g:233","h:322"]..etc.

php file is sending json data. i checked in fidler. but chart is not working. please tell me solution for this.