Legends (লেজেন্ডস) একটি গুরুত্বপূর্ণ উপাদান যা ডেটা ভিজুয়ালাইজেশনে বিভিন্ন সিরিজ বা শ্রেণীকে চিহ্নিত করে এবং গ্রাফের বিভিন্ন উপাদান সম্পর্কে তথ্য প্রদান করে। গুগল চার্টে, লেজেন্ড সাধারণত ডেটা সিরিজের নাম বা রঙের মান সম্পর্কিত তথ্য প্রদর্শন করে, যা ব্যবহারকারীকে গ্রাফ বুঝতে সাহায্য করে।
এখানে আমরা গুগল চার্টে Legends যোগ করা এবং Legends কাস্টমাইজ করার প্রক্রিয়া নিয়ে আলোচনা করব।
গুগল চার্টে Legends যোগ করা
গুগল চার্টে লেজেন্ড সাধারণত legend অপশন দ্বারা কাস্টমাইজ করা হয়। legend অপশন গ্রাফে লেজেন্ডের অবস্থান, রঙ, এবং অন্যান্য ভিজ্যুয়াল উপাদান নিয়ন্ত্রণ করতে সাহায্য করে।
১. Legends যোগ করা
লেজেন্ড সাধারণত গুগল চার্টে অটোমেটিকভাবে যোগ হয়, যখন আপনি ডেটার সিরিজ বা ক্যাটাগরি যোগ করেন। উদাহরণস্বরূপ, বার চার্ট বা লাইন চার্টে বিভিন্ন সিরিজের জন্য লেজেন্ড স্বয়ংক্রিয়ভাবে তৈরি হয়।
উদাহরণ: গুগল চার্টে Legends যোগ করা
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
packages: ['corechart', 'bar']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Category', '2019', '2020', '2021'],
['A', 1000, 1170, 660],
['B', 1170, 660, 1120],
['C', 660, 1120, 1200],
['D', 1030, 540, 800]
]);
var options = {
title: 'Company Performance',
chartArea: {
width: '50%'
},
hAxis: {
title: 'Total Revenue',
minValue: 0
},
vAxis: {
title: 'Year'
},
legend: { position: 'top' } // লেজেন্ডের অবস্থান উপরের দিকে
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
এখানে:
legend: { position: 'top' }: এটি গ্রাফের লেজেন্ডকে উপরের দিকে স্থাপন করবে।- লেজেন্ডের মাধ্যমে আপনি ২০১৯, ২০২০, এবং ২০২১ সালের ডেটার পৃথক সিরিজ দেখে নিতে পারবেন।
গুগল চার্টে Legends কাস্টমাইজ করা
গুগল চার্টে লেজেন্ড কাস্টমাইজ করা সম্ভব। আপনি বিভিন্ন অপশন ব্যবহার করে লেজেন্ডের অবস্থান, রঙ, ফন্ট সাইজ, বক্সের আকার, স্টাইল ইত্যাদি পরিবর্তন করতে পারেন।
১. Legends এর অবস্থান পরিবর্তন
লেজেন্ডের অবস্থান পরিবর্তন করতে position প্রপার্টি ব্যবহার করা হয়। অবস্থান হতে পারে:
'top''bottom''left''right''none'(যদি আপনি লেজেন্ড না চান)
legend: { position: 'bottom' } // লেজেন্ডকে নিচে স্থানান্তরিত করা
২. Legends এর রঙ এবং ফন্ট সাইজ কাস্টমাইজ করা
আপনি লেজেন্ডের রঙ এবং ফন্ট সাইজ কাস্টমাইজ করতে পারেন।
legend: {
position: 'top',
textStyle: {
color: 'blue', // লেজেন্ডের টেক্সটের রঙ
fontSize: 14 // লেজেন্ডের ফন্ট সাইজ
}
}
৩. Legends এর বক্স স্টাইল কাস্টমাইজ করা
লেজেন্ডের বক্সের স্টাইলও পরিবর্তন করা যায়, যেমন বক্সের আকার এবং রঙ।
legend: {
position: 'top',
textStyle: {
color: 'black',
fontSize: 16
},
alignment: 'center' // লেজেন্ডের বক্সকে কেন্দ্রের দিকে সাজানো
}
৪. Legends এর লেবেল কাস্টমাইজ
আপনি লেজেন্ডের লেবেলও কাস্টমাইজ করতে পারেন। এটি ডেটার নামকে আরও স্পষ্ট বা কাস্টমাইজড উপস্থাপন করতে সহায়ক।
legend: {
position: 'right',
textStyle: {
color: 'green', // লেজেন্ডের টেক্সটের রঙ
fontSize: 12 // ফন্ট সাইজ
},
labelInLegend: function() { return 'Custom Label'; } // কাস্টম লেবেল
}
সারমর্ম
গুগল চার্ট-এ Legends ডেটার সিরিজের পরিচিতি প্রদানের জন্য গুরুত্বপূর্ণ। এটি ব্যবহারকারীদের গ্রাফের বিভিন্ন অংশ দ্রুত বুঝতে সহায়তা করে। লেজেন্ডের অবস্থান এবং স্টাইল কাস্টমাইজ করতে আপনি legend অপশন ব্যবহার করতে পারেন। লেজেন্ডের অবস্থান যেমন উপরে, নিচে বা পাশে রাখা যেতে পারে, এবং রঙ, ফন্ট সাইজ, বক্স স্টাইল ইত্যাদি কাস্টমাইজ করা সম্ভব।
গুগল চার্টের মাধ্যমে আপনি আপনার ডেটা ভিজুয়ালাইজেশনে লেজেন্ডের মাধ্যমে আরও স্পষ্টতা এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করতে পারেন।
Read more
