Highcharts से बटन कैसे हटाएं

Question

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

शायद कोई मेरी मदद कर सकता है?

Comments

अगर उनकी पहचान या अन्य चीजें हैं, तो उन्हें फायरबग के माध्यम से निरीक्षण करें। उन पर css चयनकर्ताओं और कॉल .remove () पद्धति का उपयोग करें।

— मास-डिजाईन

फायरबग का उपयोग करें और उन विशेष बटन आईडी को ढूंढें, और आपकी सीएसएस में आप प्रदर्शित करने के लिए कह सकते हैं: उस विशेष आईडी या वर्ग के लिए कोई नहीं

— मन्नी

Answer 1

exporting: { enabled: false }अपने चार्ट पीढ़ी में जोड़ने का प्रयास करें ।

Comments

बहुत बहुत धन्यवाद, यह काम करता है: डी। शायद आपको पता होगा कि मैं एक नया कैसे जोड़ सकता हूं?

— टॉमी

नहीं, वास्तव में एक नया निर्माण नहीं। लेकिन हो सकता है कि आप किसी एक प्रिंट / निर्यात बटन को संशोधित कर सकते हैं। प्रलेखन इस दिशा में संकेत देता है highcharts.com/ref/#exporting-buttons ... के साथ खेल रहा है onClick।

— dgw

exporting: falseपर्याप्त है

— enough:

Answer 2

नया बटन बनाने के लिए इसे देखें:

उदाहरण: http://jsfiddle.net/fXHB5/3496/

exporting: {
    buttons: [
        {
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            _titleKey: 'printButtonTitle',
            onclick: function() {
                alert('click!')
            }
        }
    ]
}

Comments

यह jsfiddle अब काम नहीं करता है। " NetworkError : 404 नहीं मिली - highcharts.com/js/testing-exporting.js "

— gps

Answer 3

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

यह हैमबर्गर आइकन अक्षम करता है।

navigation: {
buttonOptions: {
  enabled: false
  }
 }

यह है कि आप अपनी सूची के लिए निर्यात विकल्प कैसे अनुकूलित करते हैं।

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

jsfiddle

Comments

धन्यवाद दोस्त, इसने 6 साल बाद निर्यात को अक्षम किए बिना हैमबर्गर आइकन को छिपाने में मदद की;)

— b1919676

ध्यान दें कि यह फिक्स एक्स अक्ष लेबल के लिए परिवर्तन का चयन भी हटा देता है (यदि कोई हो)

— danday74

ओब्रिगाडो, एजुदो बास्टांटे। nesse exemplo ta foltando o "viewfullscrean" então pra quem estiver precisando jsfiddle.net/BlackLabel/1ga2fqL0

— पाउलो विक्टर

feliz por poder ajudar!

— क्रिस्टोफर आर।

Answer 4

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }
    }
}

आपको केवल संदर्भबटन को अक्षम करना होगा।

Answer 5

exporting:false,

निर्यात विकल्प को अक्षम करने के लिए उपरोक्त कोड जोड़ें।

Answer 6

@dgw को निर्यात बटन हटाने का सही विचार है, लेकिन मैं इससे खुश नहीं था "और मैं एक नया जोड़ना चाहूंगा" जब तक मुझे एहसास नहीं हुआ कि मुझे ग्राफ़ के बाहर बटन बनाने चाहिए । जब तक आपका डेटा स्थिर नहीं होता, तब तक आप वास्तव में नहीं जानते कि आपके नियंत्रण को प्रदर्शित करने के लिए कोई जगह है या नहीं।

<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>

Answer 7

अन्य विकल्प यह है: यदि आपको इसकी आवश्यकता नहीं है, तो आप पूरे प्रोजेक्ट से "नोड_मॉड्यूल्स / हाईचर्स / मॉड्यूल / एक्सपोर्टिंग.जेएस" के आयात को हटा सकते हैं।

यह मेरे लिए एक समाधान था!

Answer 8

ऐसा करने का सबसे अच्छा तरीका है कि exporting.buttons.contextButton.menuItemsआप केवल अपने इच्छित मेनू आइटम को शामिल करने के लिए सरणी को अपडेट करें । नीचे एक उदाहरण है जो "प्रिंट चार्ट" और "पूर्ण स्क्रीन देखें" विकल्पों को शामिल नहीं करता है।

exporting: {
    buttons: {
        contextButton: {
            menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
        }
    }
}

हाईचर उदाहरण