Highcharts ব্যবহার করে Column এবং Bar চার্ট তৈরি করা অত্যন্ত সহজ এবং ইন্টারঅ্যাকটিভ। এই ধরনের চার্ট ডেটার তুলনা করার জন্য উপযুক্ত, যেখানে Column Chart সাধারণত ভার্টিকাল বার (উল্লম্ব বার) এবং Bar Chart সাধারণত হরাইজেন্টাল বার (অবনমন বার) প্রদর্শন করে।
Column Chart তৈরি করা
Column Chart ব্যবহারকারীদের সময় বা বিভিন্ন ক্যাটাগরি অনুযায়ী ডেটার তুলনা করতে সহায়ক। এটি মূলত ভার্টিকাল বার আকারে ডেটা প্রদর্শন করে।
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Highcharts Column Chart</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="container" style="width: 100%; height: 400px;"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'column' // Column chart টাইপ নির্বাচন
},
title: {
text: 'সেলস ডেটা - Column Chart'
},
xAxis: {
categories: ['জানুয়ারি', 'ফেব্রুয়ারি', 'মার্চ', 'এপ্রিল', 'মে']
},
yAxis: {
title: {
text: 'বিক্রয় (Sales)'
}
},
series: [{
name: 'বিক্রয়',
data: [10, 20, 30, 40, 50]
}]
});
</script>
</body>
</html>
এই উদাহরণে, একটি সাধারণ Column Chart তৈরি করা হয়েছে যেখানে সেলস ডেটা প্রদর্শিত হচ্ছে।
Bar Chart তৈরি করা
Bar Chart একটি হরাইজেন্টাল চার্ট যা ডেটার তুলনা বা পার্থক্য বোঝাতে খুব উপকারী। এটি সাধারণত বর্ননা বা কেটাগরি অনুযায়ী তুলনা দেখানোর জন্য ব্যবহৃত হয়।
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Highcharts Bar Chart</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="container" style="width: 100%; height: 400px;"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'bar' // Bar chart টাইপ নির্বাচন
},
title: {
text: 'বিক্রয় ডেটা - Bar Chart'
},
xAxis: {
categories: ['জানুয়ারি', 'ফেব্রুয়ারি', 'মার্চ', 'এপ্রিল', 'মে']
},
yAxis: {
title: {
text: 'বিক্রয় (Sales)'
}
},
series: [{
name: 'বিক্রয়',
data: [10, 20, 30, 40, 50]
}]
});
</script>
</body>
</html>
এখানে, Bar Chart ব্যবহার করে সেলস ডেটা হরাইজেন্টালি প্রদর্শন করা হয়েছে।
Column এবং Bar Charts এর মধ্যে পার্থক্য
- Column Chart: ডেটা সাধারণত উল্লম্ব বার (Vertical Bars) আকারে প্রদর্শিত হয়। এটি যখন সময়ের সাথে পরিবর্তন বা কোন ক্যাটাগরির মধ্যে তুলনা করতে হয়, তখন ব্যবহার করা হয়।
- Bar Chart: ডেটা হরাইজেন্টাল বার (Horizontal Bars) আকারে প্রদর্শিত হয়। এটি তখন উপযোগী যখন তুলনা করার জন্য ক্যাটাগরির নাম বা অন্যান্য মান বড় থাকে এবং Column Chart এর তুলনায় স্পেসের জন্য বেশি জায়গা প্রয়োজন।
উপসংহার
Highcharts এর মাধ্যমে Column এবং Bar Charts তৈরি করা অত্যন্ত সহজ এবং সাশ্রয়ী। এই চার্টগুলো ডেটার তুলনা বা পার্থক্য চিত্রায়িত করতে সহায়ক এবং ব্যবহারকারী-বান্ধব। ভার্টিকাল এবং হরাইজেন্টাল আকারে ডেটা প্রদর্শন করার সুবিধা পাওয়া যায়, যা বিভিন্ন ধরনের ডেটা বিশ্লেষণে সহায়ক।
Read more
