হাইচার্টগুলি থেকে কীভাবে বোতাম সরিয়ে ফেলা যায়

Question 1

আমি হাইচার্টস লাইব্রেরির সাথে চার্ট তৈরি করছি এবং আমি ভাবছি কীভাবে ডান কোণায় 2 টি ছোট বোতাম সরিয়ে ফেলতে হয় যা আপনি গ্রাফগুলি মুদ্রণ এবং ডাউনলোড করতে পারেন এবং আমি একটি নতুন যুক্ত করতে চাই।

কেউ আমাকে সাহায্য করতে পারে?

Question 2

exporting: { enabled: false }আপনার চার্ট প্রজন্মের সাথে যুক্ত করার চেষ্টা করুন ।

Question 3

নতুন বোতামটি তৈরি করতে এটি পরীক্ষা করুন:

উদাহরণ: http://jsfiddle.net/fXHB5/3496/

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

Question 4

হ্যামবার্গার আইকনটি প্রতিস্থাপনের সর্বোত্তম উপায় হ'ল নেভিগেশন বোতামঅ্যাপশনগুলি অক্ষম করা, তারপরে আপনার নিজের মেনু তৈরি করুন এবং ডকুমেন্টেশনে বর্ণিত প্রসঙ্গে একে একে কাস্টমাইজ করুন । এখান থেকে আপনি নিজের ড্রপডাউন মেনুতে আপনার যে কোনও আইকন চান তা ব্যবহার করতে পারেন।

এটি হ্যামবার্গার আইকনটি অক্ষম করে।

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

Question 5

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

আপনাকে কেবল প্রসঙ্গ বাটনটি অক্ষম করতে হবে।

Question 6

exporting:false,

এক্সপোর্ট বিকল্পটি অক্ষম করতে উপরের কোডটি যুক্ত করুন।

Question 7

রফতানির বোতামগুলি সরিয়ে ফেলার জন্য @ ডিজিডব্লুয়ের সঠিক ধারণা রয়েছে তবে আমি গ্রাফের বাইরে থাকা বোতামগুলি তৈরি করা উচিত না হওয়া পর্যন্ত আমি "এবং আমি একটি নতুন যুক্ত করতে চাই" পরামর্শগুলি নিয়ে । আপনার ডেটা স্থির না করা অবধি আপনার নিয়ন্ত্রণগুলি প্রদর্শনের জন্য জায়গা আছে কিনা তা আপনি সত্যই জানেন না।

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

Question 8

অন্য বিকল্পটি হ'ল: আপনার যদি প্রয়োজন না হয় তবে আপনি কেবলমাত্র পুরো প্রকল্প থেকে "নোড_মডিউল / হাইচার্ট / মডিউল / এক্সপোর্টিং.জেএস" আমদানি সরিয়ে ফেলতে পারেন।

এটা আমার জন্য একটি সমাধান ছিল!

Question 9

এটি করার সর্বোত্তম উপায় হ'ল exporting.buttons.contextButton.menuItemsঅ্যারে আপডেট করা কেবলমাত্র আপনার পছন্দসই মেনু আইটেম অন্তর্ভুক্ত করতে। নীচে এমন একটি উদাহরণ দেওয়া আছে যা "মুদ্রণ চার্ট" এবং "সম্পূর্ণ স্ক্রিন দেখুন" বিকল্পগুলি বাদ দেয়।

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

হাইচার্ট উদাহরণ