title: Trying to use jqplot with jquery mobile, marionette and requirejs
body: <p>I am trying to use jqplot with Jquery mobile, marionette and requirejs. I have included all jqplot required CSS as well as script files in head tags, but when i am trying to plot a chart using below code</p>
  
  <pre><code>define([ 'jquery', 'plot' ], 
      function($) {
  console.log("Success..Inside Offer Page Script.");
  console.log("Plot..."+$.jqplot);
  console.log("jquery..."+$);
  $.jqplot.config.enablePlugins = true;
  var s1 = [ 2, 6, 7, 10 ];
  var ticks = [ 'a', 'b', 'c', 'd' ];
  
  plot1 = $.jqplot('chart1', [ s1 ], {
      seriesDefaults : {
          renderer : $.jqplot.BarRenderer,
          pointLabels : {
              show : true
          }
      },
      axes : {
          xaxis : {
              renderer : $.jqplot.CategoryAxisRenderer,
              ticks : ticks
          }
      },
      highlighter : {
          show : false
      }
  });
  });
  </code></pre>
  
  <p>it gives me errors like</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function jqplot.barRenderer.js:41
  (line 41: $.jqplot.BarRenderer.prototype = new $.jqplot.LineRenderer();)
  
  Uncaught TypeError: Cannot call method 'push' of undefined jqplot.pointLabels.js:377
  (line 377: $.jqplot.postSeriesInitHooks.push($.jqplot.PointLabels.init);)
  </code></pre>
  
  <p>The plot in my above code's define is</p>
  
  <pre><code>define([
    '../scripts/ext_libs/jquery.jqplot'
  ],
  function () {
  var plot;
  require([
      '../scripts/ext_libs/jqplot.barRenderer',
      '../scripts/ext_libs/jqplot.pointLabels',
      '../scripts/ext_libs/jqplot.categoryAxisRenderer',
    ],
  function () {
      plot = $.jqplot;
  });
  return plot;
  </code></pre>
  
  <p>});</p>
  
  <p>Can anyone please help me how can i solve these errors. Is their a problem using jqplot with requirejs?</p>
  
  <p>Thanks in advance.</p>