jquery-mobile - Jquery Mobile を使用した JQplot

Question

私はjqplotでグラフをプロットしているAndroidアプリを持っています。JQuery Mobileも使用しています。小さな問題以外はすべて完璧に機能します。jquery mobile でコンテンツを決定するために使用されるdata-role="content"を持つdivタグ内にチャートを配置すると。

棒グラフの on-lick イベントは、元の棒と同じ座標でさえない棒の不要な影を私に与えます。私はこの問題をたくさんグーグルで調べてみましたが、私を助けることができるものは何も見つかりませんでした.

ここに私のコードスニペットがあります:

<div data-role="content" class="ui-body" id="android">
  <table border='0' cellpadding='0' cellspacing='0' align='center'
    valign='top'>
    <tr height="10%">
        <td>
        <div><span>Active Deals: </span><span id="info1">Nothing yet</span></div>
        </td>
    </tr>    
    <tr height="90%">
        <td  style="width:80%;">
            <div id="chart1" style="width: 100%;"></div>
        </td>
        <td >
            <div id="legend"></div>
        </td>
    </tr>    
</table>
</div>

これは、onlick イベントを登録する方法です。

$('#chart1').bind('jqplotDataClick',
    function (ev, seriesIndex, pointIndex, data) {
        $('#info1').html('series: '+seriesIndex+'
          , point: '+pointIndex+', data: '+data);}); 
});

バーをクリックすると影がどのように見えるかを以下に示します。

これが役立つ場合に限ります。Androidアプリのwebviewコントロール内でこれを行っています。