Multiple Data Series ব্যবহার করে চার্ট তৈরি করা

Highcharts এ একাধিক ডেটা সিরিজ (Multiple Data Series) ব্যবহার করে চার্ট তৈরি করা একটি শক্তিশালী ফিচার, যার মাধ্যমে আপনি বিভিন্ন ডেটা সেট একসাথে একটি চার্টে প্রদর্শন করতে পারেন। এটি একাধিক ভিন্ন ভিন্ন ডেটা বা মেট্রিক্স তুলনা করার জন্য অত্যন্ত উপকারী। উদাহরণস্বরূপ, আপনি একাধিক বছরের বিক্রয় ডেটা বা বিভিন্ন বিভাগের ডেটা একসাথে প্রদর্শন করতে পারেন।

এখানে, series কনফিগারেশন ব্যবহার করে একাধিক ডেটা সিরিজ যোগ করা হয় এবং প্রতিটি সিরিজ আলাদা করে কাস্টমাইজ করা যেতে পারে।

উদাহরণ: Multiple Data Series সহ একটি Line Chart

নিচে একটি উদাহরণ দেওয়া হলো, যেখানে দুটি আলাদা ডেটা সিরিজ (Sales 2023 এবং Sales 2024) ব্যবহার করে একটি লাইন চার্ট তৈরি করা হয়েছে।

Highcharts.chart('container', {
    chart: {
        type: 'line'  // চার্টের ধরন লাইন
    },
    title: {
        text: 'Sales Comparison (2023 vs 2024)'  // চার্টের শিরোনাম
    },
    subtitle: {
        text: 'Comparing sales of two years'  // চার্টের সাবটাইটেল
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']  // x-axis এর কেটেগরি
    },
    yAxis: {
        title: {
            text: 'Sales (in USD)'  // y-axis এর শিরোনাম
        }
    },
    series: [{
        name: 'Sales 2023',  // প্রথম সিরিজের নাম
        data: [100, 150, 200, 250, 300]  // 2023 সালের ডেটা
    }, {
        name: 'Sales 2024',  // দ্বিতীয় সিরিজের নাম
        data: [120, 180, 220, 270, 350]  // 2024 সালের ডেটা
    }]
});

এই কোডে দুটি সিরিজ (Sales 2023 এবং Sales 2024) তৈরি করা হয়েছে, এবং প্রতিটি সিরিজের জন্য আলাদা ডেটা প্রদান করা হয়েছে। xAxis এর কেটেগরির মাধ্যমে মাসগুলো (Jan, Feb, Mar, Apr, May) চিহ্নিত করা হয়েছে, এবং yAxis এর মাধ্যমে বিক্রয়ের মান (USD) নির্ধারণ করা হয়েছে।

উদাহরণ: Multiple Data Series সহ একটি Column Chart

একইভাবে, আপনি Multiple Data Series ব্যবহার করে একটি কলাম চার্টও তৈরি করতে পারেন। নিচে একটি উদাহরণ দেওয়া হলো যেখানে তিনটি ভিন্ন ডেটা সিরিজ (Product A, Product B, Product C) ব্যবহার করা হয়েছে।

Highcharts.chart('container', {
    chart: {
        type: 'column'  // চার্টের ধরন কলাম
    },
    title: {
        text: 'Product Sales Comparison'  // চার্টের শিরোনাম
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']  // x-axis এর কেটেগরি
    },
    yAxis: {
        title: {
            text: 'Units Sold'  // y-axis এর শিরোনাম
        }
    },
    series: [{
        name: 'Product A',
        data: [5, 10, 15, 20, 25]  // Product A এর ডেটা
    }, {
        name: 'Product B',
        data: [10, 15, 20, 25, 30]  // Product B এর ডেটা
    }, {
        name: 'Product C',
        data: [15, 20, 25, 30, 35]  // Product C এর ডেটা
    }]
});

এখানে, তিনটি সিরিজের ডেটা আলাদাভাবে দেখানো হচ্ছে: Product A, Product B, এবং Product C। প্রতিটি সিরিজের ডেটা কলাম আকারে প্রদর্শিত হবে।

উদাহরণ: Multiple Data Series সহ একটি Pie Chart

এছাড়াও, Multiple Data Series সহ একটি পাই চার্ট তৈরি করা যায়, যেখানে বিভিন্ন বিভাগের ভগ্নাংশ (percentage) প্রদর্শিত হবে।

Highcharts.chart('container', {
    chart: {
        type: 'pie'  // চার্টের ধরন পাই
    },
    title: {
        text: 'Market Share Distribution'  // চার্টের শিরোনাম
    },
    series: [{
        name: 'Market Share',
        data: [{
            name: 'Product A',
            y: 45  // Product A এর অংশ
        }, {
            name: 'Product B',
            y: 30  // Product B এর অংশ
        }, {
            name: 'Product C',
            y: 25  // Product C এর অংশ
        }]
    }]
});

এখানে, পাই চার্টের মধ্যে তিনটি সিরিজের বাজার শেয়ার দেখানো হচ্ছে: Product A, Product B, এবং Product C। প্রতিটি সিরিজের জন্য y মান নির্ধারণ করে দেওয়া হয়েছে যা পাই চার্টে শতাংশ হিসাব করে প্রদর্শিত হবে।

সারাংশ

Multiple Data Series ব্যবহার করে Highcharts এ চার্ট তৈরি করা খুবই সহজ এবং এটি ডেটা ভিজুয়ালাইজেশনের জন্য অত্যন্ত কার্যকরী। আপনি একাধিক ডেটা সিরিজ একসাথে একটি চার্টে প্রদর্শন করে বিভিন্ন ডেটা পয়েন্ট বা মেট্রিক্সের তুলনা করতে পারেন। এটি বিভিন্ন ধরনের চার্টে যেমন লাইন, কলাম, পাই ইত্যাদিতে সম্ভব, এবং প্রতিটি সিরিজের জন্য আলাদা কাস্টমাইজেশনও করা যায়।