अक्ष पर मेरे फ़्लोट वाई धुरी लेबल क्यों दिखाई देते हैं? जेक्यूएम

Question

मैं एक साइट स्थापित करने पर काम कर रहा हूं जो JQuery मोबाइल और फ़्लोट का उपयोग करता है। विचार यह है कि यह ग्राफ दिखा सकता है जिसे आप स्वाइप कर सकते हैं।

अब तक मैं इस मिल गया है: http://lasmit.co.uk/tmm-graphs/graph2.php

पहले ग्राफ ठीक काम करता है, लेकिन अगर आप पक्ष के लिए स्वाइप लेबल अक्ष रेखा पर दिखाई देते हैं और बंद देखो।

मुझे यकीन है कि मुझे यहां कुछ स्पष्ट याद आ रहा है, इसलिए किसी भी मदद की सराहना की जाएगी।

Answer 1

फ़्लोट बहुत अच्छी तरह से काम नहीं करता है जब आप $.plot पर कॉल करते हैं जो वर्तमान में दिखाई नहीं दे रहा है। आपका सबसे अच्छा शर्त pageshow घटनाओं में अपने पेज 2 और 3 रेखांकन स्थानांतरित करने के लिए होने जा रहा है: http://jsfiddle.net/ryleyb/yZuZb/

:

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

मैं एक काम उदाहरण यहां की गईं

Answer 2

ऐसा लगता है कि वहाँ कुछ रपट साथ कुछ गड़बड़ है, साजिश सही ढंग से प्रस्तुत करने के रूप में जब एक पृष्ठ सीधे पहुँचा है, उदाहरण के लिए निम्न URL खोलें: http://lasmit.co.uk/tmm-graphs/graph2.php#device2, लेकिन फिर अन्य पृष्ठों को गलत तरीके से बनाए जाते हैं।

आप डीआईवी तत्वों का आकार निर्धारित करते हैं, तो क्या आप भूखंडों के लिए सटीक आकार निर्धारित करने का प्रयास कर सकते हैं?