Защо моите етикети на ос Flot y се появяват над оста? JQM

Работя върху създаването на сайт, който използва JQuery Mobile и Flot. Идеята е, че може да показва графики, между които можете да плъзгате.

Досега имам това: http://lasmit.co.uk/tmm-graphs/graph2.php

Първата графика работи добре, но ако плъзнете настрани, етикетите се появяват над линията на оста и изглеждат настрани.

Сигурен съм, че пропускам нещо очевидно тук, така че всяка помощ ще бъде много оценена.


javascript flot jquery-mobile
person lewis    schedule 20.09.2012    source източник

Отговори (2)


arrow_upward
15
arrow_downward

Flot не работи твърде добре, когато извикате $.plot на нещо, което в момента не се вижда. Най-добрият ви залог ще бъде да преместите графиките на страница 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/

person Ryley    schedule 20.09.2012
comment
това ми даде уликата да поправя проблема си. Бях приложил ng-show към моята директива за флотска диаграма в angular. промяната му на ng-if реши проблема - person nuander; 25.05.2018

arrow_upward
0
arrow_downward

Изглежда има нещо нередно с плъзгането, тъй като графиката се изобразява правилно, когато страницата е достъпна директно, например отворете следния URL адрес: http://lasmit.co.uk/tmm-graphs/graph2.php#device2, но след това другите страници се изобразяват неправилно.

Вие задавате размера на DIV елементите, можете ли да опитате да зададете и точния размер за графиките?

person devrys    schedule 20.09.2012