Javascript 为什么我的Flot y轴标签显示在轴上？JQM

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

到目前为止，我得到了这个：

第一个图形可以正常工作，但如果滑动到一侧，标签将显示在轴线上，然后向外看

---

我确信我在这里遗漏了一些明显的东西，因此非常感谢您的帮助。

滑动似乎有问题，因为当直接访问页面时，绘图会正确呈现，例如打开以下URL： ，但其他页面的渲染不正确

---

设置了DIV元素的大小，是否也可以尝试设置绘图的确切大小？

在当前不可见的内容上调用

$.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"] } });
});

---

我在这里举了一个有效的例子：

这给了我解决问题的线索。我在angular中对flot chart指令应用了ng show。如果解决了问题，请将其更改为ng