title: JQplot with Jquery Mobile
body: <p>I have an android app, in which I am Plotting graphs with <a href="http://www.jqplot.com/" rel="nofollow noreferrer"><strong>jqplot</strong></a>. I am also using <a href="http://jquerymobile.com/" rel="nofollow noreferrer"><strong>JQuery Mobile</strong></a>. Everything works perfect other than a small issue. When I place my chart inside a <strong>div</strong> tag which has <strong>data-role="content"</strong> which is used to determine content with jquery mobile. </p>
  
  <p>The bar chart onlick events give me an unwanted shadows of the bar which is not even at the same co-ordinates as the original bar. I tried googling this issue alot but couldn't find anything that could help me.</p>
  
  <p>Here is my code snippet:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div data-role="content" class="ui-body" id="android"&gt;
    &lt;table border='0' cellpadding='0' cellspacing='0' align='center'
      valign='top'&gt;
      &lt;tr height="10%"&gt;
          &lt;td&gt;
          &lt;div&gt;&lt;span&gt;Active Deals: &lt;/span&gt;&lt;span id="info1"&gt;Nothing yet&lt;/span&gt;&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;    
      &lt;tr height="90%"&gt;
          &lt;td  style="width:80%;"&gt;
              &lt;div id="chart1" style="width: 100%;"&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td &gt;
              &lt;div id="legend"&gt;&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;    
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is how I registered my onlick event:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#chart1').bind('jqplotDataClick',
      function (ev, seriesIndex, pointIndex, data) {
          $('#info1').html('series: '+seriesIndex+'
            , point: '+pointIndex+', data: '+data);}); 
  });
  </code></pre>
  
  <p>Here is how the shadow looks on click of bar, notice the disjoint light shaded bars:</p>
  
  <p><img src="https://i.stack.imgur.com/Sb44r.png" alt="Green bar clicked which shows shadow on left"></p>
  
  <p>Just if this can help. I'm doing this inside a webview control of android apps.</p>