2013-04-15 3 views
5

जब मैं JQPlot के बार में होवर करता हूं तो मैं कर्सर को 'पॉइंटर' में बदलना चाहता हूं।जेक्यूप्लॉट - JQPlot में होवर टू बार पर कर्सर को पॉइंटर में कैसे बदलें?

मैंने सीएसएस में बदलने की कोशिश की है। लेकिन यह काम नहीं किया। क्रिप्या मेरि सहायता करे।

उत्तर

9

आपको आवश्यकता है - जैसा कि आपने कोशिश की - सीएसएस का उपयोग करके इसे संशोधित करने के लिए।

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

कृपया एक काम उदाहरण here

संपादित फिडल देख सकते हैं और: आप शायद आवेदन नहीं किया है सही तत्व पर सीएसएस बदलती है तो आप .jqplot-घटना-कैनवास करने के लिए इसे लागू करने की आवश्यकता कोड sdespont की टिप्पणी के अनुसार अद्यतन किया गया है।

पुनश्च के रूप में लुकास Jelinek ने लिखा है, आप डिफ़ॉल्ट सूचक को फिर से परिभाषित है जब आप अपने डेटा unhighlight कर सकते हैं:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
}); 
+1

अच्छा जवाब है, लेकिन का उपयोग करें। .bind() के बजाय() को हटा दिया गया है जो – sdespont

+0

आपकी टिप्पणी के अनुसार संशोधित किया गया है। चीयर्स – AnthonyLeGovic

+0

नोट करें कि कम से कम लाइन ग्राफ़ के लिए, आपको session_options में हाइलाइटमाउसऑवर को सत्य पर सेट करना होगा अन्यथा यह समाधान काम नहीं करता है। – carruthd

1

अपने जवाब के लिए धन्यवाद।

यही बात हम इस तरह से भी ऐसा कर सकते हैं:

कर्सर: { शैली: 'सूचक', शो: सच है, showTooltip: झूठी }

लेकिन मैं चाहता हूँ कर्सर: " पॉइंटर "को पूरे चार्ट क्षेत्र पर नहीं होने पर प्रदर्शित किया जाना चाहिए।

2

के रूप में लिखा था AnthonyLeGovic, यह बाँध का उपयोग कर:

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

लेकिन भूल नहीं है यह भी निकल सामान्य कर्सर सेट करने के लिए जब आप बाहर ले जाने के लिए:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
}); 
+0

आपको उसका उत्तर संपादित करना चाहिए था और आपका पोस्ट नहीं किया जाना चाहिए था। – Bora

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