Chart.js v2 হাইড ডেটাসেট লেবেল

Question

Chart.js v2.1.3 ব্যবহার করে গ্রাফ তৈরি করতে আমার কাছে নিম্নলিখিত কোড রয়েছে:

var ctx = $('#gold_chart');
var goldChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: dates,
        datasets: [{
            label: 'I want to remove this Label',
            data: prices,
            pointRadius: 0,
            borderWidth: 1
        }]
    }
});

কোডগুলি দেখতে সাধারণ দেখায়, তবে আমি গ্রাফ থেকে লেবেলটি সরাতে পারি না। আমি অনলাইনে পাওয়া অনেকগুলি সমাধানের চেষ্টা করেছি, তবে তাদের বেশিরভাগই Chart.js v1.x ব্যবহার করে

আমি কীভাবে ডেটাसेट লেবেলগুলি সরিয়ে ফেলতে পারি?

Answer 1

ঠিক যেমন labelএবং tooltipবিকল্পগুলি সেট করুন

...
options: {
    legend: {
        display: false
    },
    tooltips: {
        callbacks: {
           label: function(tooltipItem) {
                  return tooltipItem.yLabel;
           }
        }
    }
}

---

ফিডাল - http://jsfiddle.net/g19220r6/

Comments

ধন্যবাদ মত কাজ করে। যাইহোক, লাইন চার্টের গ্রেডিয়েন্ট রঙ কীভাবে পরিবর্তন করবেন?

— র‌্যাটার

আপনার অর্থ, বর্ডার কালার / ব্যাকগ্রাউন্ড কালার হিসাবে গ্রেডিয়েন্ট কীভাবে ব্যবহার করবেন। শুধু প্রসঙ্গ এবং ব্যবহারের যে যখন আরম্ভের উপর একটি তৈরি - দেখুন jsfiddle.net/g9h6gtvx

— potatopeelings

আমি যদি এটি একটি ডেটাसेटে ব্যবহার করতে চাই তবে অন্যটিতে না

— নিক আলেকজান্ডার

এটি কাজ করে! কেবল একটি প্রশ্ন, আপনি এই সমস্ত বিকল্পটি কোথায় পেলেন?

— fangzhzh

Answer 2

যোগ করুন:

Chart.defaults.global.legend.display = false;

আপনার স্ক্রিপ্ট কোড শুরুতে;

Comments

সহজ এবং পুরোপুরি কাজ করে। আমি লক্ষ্য করেছি যে গৃহীত উত্তরটি কিছু জিনিস ভঙ্গ করছে।

— স্টিকডোডোরেন্ট

Answer 3

"শিরোনাম" মুছে ফেলে আপনি একটি লাইনে টুলটিপটি রাখতে পারেন:

this.chart = new Chart(ctx, {
    type: this.props.horizontal ? 'horizontalBar' : 'bar',
    options: {
        legend: {
            display: false,
        },
        tooltips: {
            callbacks: {
                label: tooltipItem => `${tooltipItem.yLabel}: ${tooltipItem.xLabel}`, 
                title: () => null,
            }
        },
    },
});

Answer 4

এটি যোগ করার মতোই সহজ: legend: { display: false, }

// অথবা আপনি যদি চান তবে আপনি এই অন্যান্য বিকল্পটি ব্যবহার করতে পারেন যা কাজ করে:

Chart.defaults.global.legend.display = false;

Comments

সহজ উত্তর, চাকা পুনরায় উদ্ভাবনের প্রয়োজন নেই।

— টিএনটি

বিকল্পগুলি: {কিংবদন্তি: {প্রদর্শন: মিথ্যা,} which কোন ব্লকটি লিখতে হবে তা লিখতে সহায়তা করে (ডকুমেন্টেশনের ক্ষেত্রে এটিই মূলত সমস্যা)

— নর্মাজিয়ান

Answer 5

new Chart('idName', {
      type: 'typeChar',
      data: data,
      options: {
        legend: {
          display: false
        }
      }
    });

Comments

হাই, তাই আপনাকে স্বাগতম।

— কোডটির