2013-02-22 30 views
17

मेरे पास उच्चतर चार्ट में एक अच्छा चार्ट है जो उपयोगकर्ता ज़ूम इन कर सकता है। मुझे वास्तव में अंतर्निहित ज़ूम रीसेट बटन पसंद नहीं है, और मैं पहले से मौजूद एक एनवी बार में अपना खुद का कस्टम ज़ूम रीसेट बटन जोड़ना चाहता हूं।हाईचार्ट्स ज़ूम रीसेट बटन छुपाएं, ज़ूम रीसेट प्रोग्रामेटिक रूप से

तो मेरे प्रश्न हैं: 1. क्या डिफ़ॉल्ट हाईचार्ट्स ज़ूम रीसेट बटन को छिपाने का कोई तरीका है? 2. क्या कोई विधि/फ़ंक्शन है जिसे मैं ज़ूम रीसेट करने के लिए कॉल कर सकता हूं? (मुझे लगता है कि मेरे अपने बटन क्लिक से कॉल कर सकते हैं)

उत्तर

32

आप display: none रूप resetZoomButton गुजरती हैं और zoomOut कॉल कर सकते हैं।

chart: { 
    resetZoomButton: { 
     theme: { 
      display: 'none' 
     } 
    } 
} 

$('#resetZoom').click(function() { 
    chart.zoomOut(); 
}); 

<input type="button" value="reset zoom" id="resetZoom"/> 

Demo

+1

जब दिखाने/(कस्टम) zoomreset बटन को छिपाने के लिए भी एक कॉलबैक आप में हुक कर सकते हैं निर्धारित करने के लिए वहाँ है? – TSG

+1

चार्ट विकल्पों में घटना (चयन) मिला। किसी और के लिए एफवाईआई। मेरी इच्छा है कि दस्तावेज़ीकरण और अधिक पूरा हो! – TSG

+1

आप एचसी कॉलबैक का उपयोग कर सकते हैं, var chart = new highcharts.Chart (विकल्प, फ़ंक्शन (चार्ट) { console.log ('चार्ट जेनरेट'); }); –

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