2012-04-16 19 views
13

मुझे कोई समस्या है जिसे मैं ट्रैक नहीं कर सकता। मैं कुछ डेटा, सुपर आसान ग्राफ करने के लिए फ्लोट का उपयोग कर रहा हूँ। मैं यहां देखे गए होवर प्रभाव को जोड़ना चाहता हूं: Flot ExampleJquery Flot "plothover" ईवेंट काम नहीं कर रहा है

दुर्भाग्यवश, किसी भी परिस्थिति में मुझे 'प्लॉटोवर' घटना आग लग सकती है। यह कोड से एक संक्षिप्त स्निपेट है:

$.plot($chartArea, eventData, eventOptions); 

$chartArea.bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
}); 

क्या इस व्यवहार को सक्षम करने के लिए आपको विकल्प ऑब्जेक्ट में सेट करने की आवश्यकता है? धन्यवाद!

+0

आप शायद jsfiddle पर अपने कोड का एक व्यावहारिक उदाहरण हमें दिखा सकता है? इस तरह की समस्याओं को हल करना बहुत आसान है। – Aidanc

+0

आप सही हैं, लेकिन जैसे ही मैंने इसे पोस्ट किया, मुझे एहसास हुआ कि मैं कुछ भूल गया हूं, मेरा जवाब देखें ... – gabaum10

उत्तर

38

बेवकूफ की तरह, मैं ग्रिड विकल्प को शामिल करना भूल गया। ऑब्जेक्ट देखें:

eventOptions = { 
    points: { 
     show: true 
    }, 
    lines: { 
     show: true 
    }, 
    grid: { hoverable: true, clickable: true }, 
    xaxis: { 
     min:earliestMessage.timestamp, 
     max:currentTime, 
     mode:"time", 
     ticks:10 
    } 
}; 

ग्रिड पैरामीटर देखें। यही वह याद आ रहा था। ओह!

:)

+0

धन्यवाद, "प्लॉटक्लिक" घटना के साथ एक ही समस्या थी, जब तक मुझे एहसास हुआ कि मैंने ग्रिड को क्लिक करने योग्य सेट किया है असत्य! – Jerry

2

मुझे यकीन है कि क्या $ chartArea अपने कोड में है नहीं कर रहा हूँ, लेकिन कुछ इस तरह की कोशिश कर सकते हैं:

var chartArea = $("#placeholder"); // your chart div 

$.plot(chartArea, eventData, eventOptions); 

$(chartArea).bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
}); 
+0

मेरे लिए काम करता है, आईडी नाम देने और तत्व का नाम देने के बीच क्या अंतर है। – ddarz4u

संबंधित मुद्दे