गतिशील फ़्लोट ग्राफ चलाएं/रोकें

I am very new to jQuery so any help is welcome. I have a dynamic graph made with jQuery and Flot that is pretty much the same as the following example: http://www.flotcharts.org/flot/examples/realtime/index.html

कोड में किए गए एकमात्र परिवर्तन कॉस्मेटिक थे। हालांकि, मैं बटन क्लिक के आधार पर ग्राफ में किए गए अपडेट को रोकने और चलाने के लिए कार्यक्षमता जोड़ना चाहता हूं। मैंने सोचा कि कोड के अद्यतन खंड में कुछ सशर्त जोड़ना:

    function update() {

        plot.setData([getRandomData()]);

       //Since the axes don't change, we don't need to call plot.setupGrid()

        plot.draw();
        setTimeout(update, updateInterval);
    }

    update();

इसे पूरा कर सकता है लेकिन मुझे नहीं पता कि कौन से कार्यों को नियोजित करना है। मैं इस विराम/प्ले कार्यक्षमता को लिखने के बारे में कैसे जा सकता हूं?

0

1 उत्तर

मूल में न्यूनतम परिवर्तनों के साथ अद्यतनों को रोकने के लिए, बस अद्यतन() फ़ंक्शन में एक राज्य चर जोड़ें:

function update() {
    if (!paused) {
        plot.setData([getRandomData()]);
        plot.draw();
    }
    setTimeout(update, updateInterval);
}

आप केवल आवश्यकतानुसार टाइमर चलाकर दक्षता में सुधार कर सकते हैं, लेकिन ऊपर दिए गए कोड को काम करना चाहिए।

0
जोड़ा
धन्यवाद यह काम किया! जीज़ मैं बेहतर वापस जाना और मूल बातें की समीक्षा करना चाहता हूं। मैंने बूलियन का उपयोग करने के बारे में भी सोचा नहीं था।
जोड़ा लेखक Nick Aguila, स्रोत