Dlaczego moje etykiety osi Y są wyświetlane nad osią? JQM

Question

Pracuję nad konfiguracją witryny wykorzystującej JQuery Mobile i Flot. Chodzi o to, że może wyświetlać wykresy, które można przesuwać.

Do tej pory mam to: http://lasmit.co.uk/tmm-graphs/graph2.php

Pierwszy wykres działa dobrze, ale jeśli przesuń na bok etykiety pojawiają się na linii osi i patrzeć off.

Jestem pewien, że brakuje tu czegoś oczywistego, więc każda pomoc będzie bardzo ceniona.

Answer 1

Flot nie działa zbyt dobrze, gdy zadzwonisz pod numer $.plot na coś, co obecnie nie jest widoczne. Najprościej będzie, aby przejść do strony 2 i 3 wykresy w pageshow wydarzeń:

$('#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"] } }); 
}); 

zrobiłem przykład pracuje tu: http://jsfiddle.net/ryleyb/yZuZb/

Answer 2

Wydaje się, że jest coś złego w przesuwne, jak fabuła renderuje poprawnie, gdy strona jest dostępna bezpośrednio, na przykład otworzyć następujący adres URL: http://lasmit.co.uk/tmm-graphs/graph2.php#device2, ale potem pozostałe strony są renderowane nieprawidłowo.

Ustawiasz rozmiar elementów DIV, czy możesz spróbować ustawić dokładny rozmiar wykresów?