2013-04-03 17 views
6

पर क्लिक पर निकाल दिया गया ईवेंट क्लिक करें, मेरे पास चार्ट पर एक क्लिक ईवेंट है, लेकिन यदि आप ज़ूम का उपयोग करते हैं और ज़ूम रीसेट करना चाहते हैं, तो क्लिक ईवेंट भी निकाल दिया जाता है।हाईचार्ट्स चार्ट रीसेट ज़ूम बटन (बग?)

मैंने निम्न चार्ट सेटिंग्स:

$('#container').highcharts({ 
     chart: { 
      type: 'line', 
      marginRight: 130, 
      marginBottom: 25, 
      zoomType: 'x', 
      events: { 
       click: function (event) { 
        alert('chart click!'); 
       } 
      } 
     }... 

काम करते हुए देखना उदाहरण: http://jsfiddle.net/2Y3ah/

खैर यह एक बग की तरह लग रहा है या यह के रूप में क्लिक करें घटना रीसेट ज़ूम बटन यदि ब्लॉक करने के लिए कैसे तैयार किया गया है कि अगर क्लिक किया गया है

+0

साजिश क्षेत्र के ऊपर रीसेट बटन की स्थिति सेट करने के लिए एक त्वरित कार्य मिला। – RubenR

उत्तर

4

एक गंदा तरीका उदाहरण के लिए srcElement

को देखने के लिए निम्नलिखित का परीक्षण (यदि firstChild रिक्त नहीं की जाँच ...) हो सकता है

event.srcElement.firstChild.data === "Reset zoom" 
+0

साथ ही event.srcElement.textContent == "ज़ूम रीसेट करें" – Sai

1

यह परम समाधान है। बस चार्ट में निम्न कॉन्फ़िगरेशन सेट करें:

$('#container').highcharts({ 
     chart: { 
      resetZoomButton: { 
       relativeTo: 'chart' 
      } 
     } 
    }); 
+0

यह समाधान के मुकाबले एक काम है: यदि बटन साजिश क्षेत्र को जन्म देता है तो समस्या अभी भी होती है: [http://jsfiddle.net/3rLxr0ee/ ] (http://jsfiddle.net/3rLxr0ee/) – Dennie

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