Multiple Axes যোগ করা এবং তাদের ব্যবহার

Highcharts এ একাধিক Axes (অক্ষ) যোগ করা সম্ভব, যা বিভিন্ন ধরণের ডেটা একসাথে প্রদর্শন করতে সহায়ক। যখন আপনার চার্টে একাধিক ধরনের ডেটা থাকে, তখন আপনি একাধিক অক্ষ ব্যবহার করতে পারেন, যাতে প্রতিটি সিরিজ বা ডেটা পৃথক অক্ষে উপস্থাপন করা যায়।

এই ফিচারটি খুবই উপকারী যখন ডেটার বিভিন্ন ইউনিট বা স্কেল থাকে, যেমন একটি অক্ষে মোট বিক্রয় (যার মান হতে পারে হাজার বা লক্ষে) এবং অন্য অক্ষে মূল্য পরিবর্তন (যার মান হতে পারে শতকরা হারে) দেখানো হয়।

Multiple Axes (একাধিক অক্ষ) কনফিগারেশন

Highcharts এ একাধিক অক্ষ যোগ করতে হলে আপনাকে yAxis (যেহেতু বেশিরভাগ ক্ষেত্রেই আমরা y-Axis নিয়ে কাজ করি) কনফিগারেশন এ একাধিক অক্ষের জন্য প্রপার্টি সেট করতে হবে।

একাধিক y-Axis যোগ করা

যদি আপনার চার্টে একাধিক ডেটা সিরিজ থাকে, যেগুলোর জন্য আলাদা অক্ষ প্রয়োজন, তাহলে আপনি yAxis অ্যারে ব্যবহার করতে পারেন।

উদাহরণ

Highcharts.chart('container', {
    chart: {
        type: 'line'  // এখানে লাইন চার্ট ব্যবহার করা হয়েছে
    },
    title: {
        text: 'মাল্টিপল অক্ষ সহ চার্ট'
    },
    yAxis: [{
        // প্রথম y-Axis
        title: {
            text: 'মোট বিক্রয় (হাজার)'
        },
        labels: {
            format: '{value}K'  // হাজারে প্রদর্শন করা হবে
        }
    }, {
        // দ্বিতীয় y-Axis
        title: {
            text: 'মূল্য পরিবর্তন (%)'
        },
        opposite: true,  // এটি ডান দিকে অবস্থান করবে
        labels: {
            format: '{value}%'
        }
    }],
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
    },
    series: [{
        name: 'বিক্রয়',
        data: [29, 71, 106, 129, 144],
        yAxis: 0  // এই সিরিজ প্রথম অক্ষে থাকবে
    }, {
        name: 'মূল্য পরিবর্তন',
        data: [5, 10, 12, 8, 15],
        yAxis: 1  // এই সিরিজ দ্বিতীয় অক্ষে থাকবে
    }]
});

এখানে, দুটি আলাদা yAxis ব্যবহৃত হয়েছে:

• প্রথমটি মোট বিক্রয় (হাজারে) দেখানোর জন্য এবং
• দ্বিতীয়টি মূল্য পরিবর্তন (%) প্রদর্শনের জন্য।

opposite প্রপার্টি দিয়ে দ্বিতীয় অক্ষটিকে ডানদিকে স্থানান্তরিত করা হয়েছে।

Multiple X-Axis (একাধিক x-Axis) যোগ করা

Highcharts এ একাধিক x-Axis যোগ করা সম্ভব, তবে এটি তুলনামূলকভাবে কম ব্যবহৃত। সাধারণত, একাধিক x-Axis তখনই প্রয়োজন হয় যখন বিভিন্ন ক্যাটাগরি বা টাইমফ্রেমের জন্য আলাদা এক্স অক্ষের ডেটা চিত্রিত করতে হয়।

উদাহরণ

Highcharts.chart('container', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'মাল্টিপল x-Axis সহ চার্ট'
    },
    xAxis: [{
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
        title: {
            text: 'মাস'
        }
    }, {
        categories: ['Q1', 'Q2', 'Q3', 'Q4'],
        title: {
            text: 'কোয়ার্টার'
        },
        opposite: true  // দ্বিতীয় x-Axis ডান দিকে
    }],
    yAxis: {
        title: {
            text: 'মূল্য'
        }
    },
    series: [{
        name: 'ডেটা সিরিজ 1',
        data: [29, 71, 106, 129, 144],
        xAxis: 0  // প্রথম x-Axis ব্যবহার করবে
    }, {
        name: 'ডেটা সিরিজ 2',
        data: [5, 3, 4, 7, 2],
        xAxis: 1  // দ্বিতীয় x-Axis ব্যবহার করবে
    }]
});

এখানে, একটি সাধারণ line chart এ দুটি x-Axis রয়েছে:

• প্রথমটি মাস ভিত্তিক, এবং
• দ্বিতীয়টি কোয়ার্টার ভিত্তিক।

opposite প্রপার্টি ব্যবহার করে দ্বিতীয় x-Axis টিকে ডান দিকে স্থানান্তরিত করা হয়েছে।

একাধিক অক্ষের ব্যবহার কেন গুরুত্বপূর্ণ?

বিভিন্ন ডেটা স্কেল

যখন আপনার ডেটার বিভিন্ন স্কেল বা ইউনিট থাকে, তখন একাধিক অক্ষ ব্যবহার করে আপনি প্রতিটি সিরিজকে তার নিজস্ব স্কেলে প্রদর্শন করতে পারেন, যা চার্টের স্পষ্টতা এবং বোঝার ক্ষমতা বাড়ায়।

পরিষ্কার ডেটা উপস্থাপনা

একাধিক অক্ষের মাধ্যমে আপনি একসাথে বিভিন্ন ডেটা প্রদর্শন করতে পারেন, যার ফলে ব্যবহারকারী সহজেই বিভিন্ন তথ্য তুলনা করতে সক্ষম হয়।

ডেটার বিশ্লেষণ সহজ করা

যত বেশি ধরনের ডেটা একসাথে থাকবে, তত বেশি ডেটা বিশ্লেষণ করতে সুবিধা হয়। একাধিক অক্ষ এই কাজটি আরও কার্যকর করে তোলে।

উপসংহার

Highcharts এ multiple axes ব্যবহার করার মাধ্যমে আপনি একাধিক ধরনের ডেটা একত্রে সুন্দরভাবে প্রদর্শন করতে পারেন। এটি বিশেষভাবে উপকারী যখন আপনার ডেটা বিভিন্ন ইউনিট বা স্কেলে থাকে, এবং একাধিক অক্ষ ব্যবহার করে আপনি প্রতিটি সিরিজের জন্য আলাদা স্কেল নির্ধারণ করতে পারেন। এই কনফিগারেশনটি চার্টের উপস্থাপনাকে আরও পরিষ্কার এবং বিশ্লেষণযোগ্য করে তোলে।