为什么我的Flot y轴标签出现在轴上？JQM

Question

我一直在努力建立一个使用JQuery Mobile和Flot的网站.这个想法是它可以显示您可以在其间滑动的图形.

到目前为止,我有这个:http://lasmit.co.uk/tmm-graphs/graph2.php

第一个图表工作正常,但如果您向侧面滑动,标签会出现在轴线上并向外看.

我确信我在这里遗漏了一些明显的东西,所以任何帮助都会非常感激.

Answer 1

当您调用$.plot当前不可见的内容时,Flot不能很好地工作.您最好的选择是将您的第2页和第3页图移动到pageshow事件中:

$('#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/