Flot y軸ラベルが軸上に表示されるのはなぜですか？ JQM

Question

私はJQuery MobileとFlotを使用するサイトを設定しています。そのアイデアは、あなたがスワイプできるグラフを表示できるということです。

は、これまでのところ、私はこれを持っている：http://lasmit.co.uk/tmm-graphs/graph2.php

最初のグラフは正常に動作しますが、あなたが側にスワイプするラベルが軸線上に表示され、オフに見えます。

私は何かがここではっきりしていないと確信しているので、どんな助けでも大歓迎です。

Answer 1

$.plotを現在表示されていないものに呼び出すと、Flotがうまく機能しません。あなたの最善の策はpageshowイベントにあなたのページ2と3のグラフを移動することになるだろう：

$('#device2').bind('pageshow',function(){  
    $.plot($("#total-inches-graph"), 
    [{ color: "rgb(14, 91, 173)", label: 'Total Measurements', data: totalInchesArray }] , 
    { xaxis: { mode: "time", timeformat: "%a" ,minTickSize: [1, "day"] } }); 
}); 

$('#device3').bind('pageshow',function(){  
    $.plot($("#weight-graph"), 
    [{ color: "rgb(32, 140, 47)", label: 'Weight', data: weightArray }] , 
    { xaxis: { mode: "time", timeformat: "%a" ,minTickSize: [1, "day"] } }); 
}); 

私はここで働い例を作った：http://jsfiddle.net/ryleyb/yZuZb/

Answer 2

ページが直接アクセスされたときにプロットが正しくレンダリングされるため、スライドに何か問題があるようです。たとえば、次のURLを開きます。 http://lasmit.co.uk/tmm-graphs/graph2.php#device2ですが、他のページは正しく表示されません。

DIV要素のサイズを設定しましたが、プロットの正確なサイズも設定できますか？