Highcharts চার্টের বিভিন্ন উপাদান বা কম্পোনেন্ট দিয়ে তৈরি, যার মাধ্যমে চার্টের প্রতিটি অংশ কাস্টমাইজ করা এবং নিয়ন্ত্রণ করা যায়। Highcharts ব্যবহার করার সময়, এই কম্পোনেন্টগুলি বুঝে নিলে চার্ট তৈরির প্রক্রিয়া আরও সহজ ও কার্যকরী হয়।
Highcharts Object এর প্রধান কম্পোনেন্ট
Highcharts Object-এ বেশ কয়েকটি গুরুত্বপূর্ণ কম্পোনেন্ট থাকে, যেগুলি প্রতিটি চার্টের ভিন্ন ভিন্ন অংশের নিয়ন্ত্রণ করতে সাহায্য করে। নিচে তাদের কিছু মূল কম্পোনেন্ট ব্যাখ্যা করা হল:
1. Chart (চার্ট)
Chart কম্পোনেন্টটি হাইচার্টের মূল উপাদান। এটি চার্টের ধরন (line, bar, column ইত্যাদি), চার্টের আকার, এবং অন্যান্য সাধারণ সেটিংস সংজ্ঞায়িত করে।
উদাহরণস্বরূপ:
chart: {
type: 'line' // চার্টের ধরন লাইন হবে
}
2. Title (শিরোনাম)
Title কম্পোনেন্টটি চার্টের শিরোনাম সেট করতে ব্যবহৃত হয়। আপনি এখানে শিরোনামের টেক্সট এবং অন্যান্য কাস্টমাইজেশন করতে পারেন।
উদাহরণ:
title: {
text: 'মাসিক বিক্রয় ডেটা'
}
3. Subtitle (সাব-শিরোনাম)
Subtitle কম্পোনেন্টটি চার্টের একটি অতিরিক্ত শিরোনাম প্রদান করে, যা মূল শিরোনামের নিচে দেখায়। এটি সাধারণত ডেটার আরও বিস্তারিত ব্যাখ্যা দেওয়ার জন্য ব্যবহৃত হয়।
subtitle: {
text: '২০২৪ সালের প্রথম ত্রৈমাসিক'
}
4. xAxis এবং yAxis (অক্ষ)
xAxis এবং yAxis কম্পোনেন্টগুলি চার্টের অনুভূমিক এবং উল্লম্ব অক্ষের জন্য ব্যবহার হয়। এগুলির মাধ্যমে আপনি অক্ষের লেবেল, স্কেল, এবং রেঞ্জ কাস্টমাইজ করতে পারেন।
উদাহরণ:
xAxis: {
categories: ['January', 'February', 'March', 'April']
},
yAxis: {
title: {
text: 'বিক্রয় (টাকার পরিমাণ)'
}
}
5. Series (সিরিজ)
Series কম্পোনেন্টটি হলো চার্টের মূল ডেটা প্রদর্শনের অংশ। এটি একটি বা একাধিক ডেটা সিরিজ ধারণ করে, যেখানে প্রতিটি সিরিজ একটি ডেটা সেট প্রকাশ করে।
উদাহরণ:
series: [{
name: 'বিক্রয়',
data: [500, 600, 700, 800]
}]
6. Legend (লিজেন্ড)
Legend কম্পোনেন্টটি চার্টের বিভিন্ন সিরিজের পরিচয় বা লেবেল প্রদর্শন করে। এটি সাধারণত চার্টের বাইরে প্রদর্শিত হয়, যাতে প্রতিটি সিরিজের নাম এবং রঙের মান চিহ্নিত করা যায়।
legend: {
enabled: true // লিজেন্ড চালু
}
7. Tooltip (টুলটিপ)
Tooltip কম্পোনেন্টটি ব্যবহারকারীদের চার্টে মাউস পয়েন্টার হোভার করার সময় তথ্য প্রদর্শন করে। এটি ব্যবহারকারীদের ডেটার বিস্তারিত তথ্য দেখানোর জন্য একটি অতিরিক্ত সুবিধা।
tooltip: {
pointFormat: '{series.name}: {point.y}'
}
8. PlotOptions (প্লট অপশন)
PlotOptions কম্পোনেন্টটি একটি বিশেষ অংশ, যা সিরিজের প্রদর্শন এবং আচরণ কাস্টমাইজ করতে ব্যবহৃত হয়। এটি সিরিজের ধরন (line, column, bar) এর বিশেষ কনফিগারেশন নির্ধারণ করতে সাহায্য করে।
plotOptions: {
line: {
marker: {
enabled: false // মার্কার নিষ্ক্রিয় করা হবে
}
}
}
9. Credits (ক্রেডিটস)
Credits কম্পোনেন্টটি সাধারণত চার্টের নিচে ছোট্ট একটি টেক্সট হিসেবে দেখায়, যা নির্দেশ করে যে এটি Highcharts দ্বারা তৈরি হয়েছে। এটি কাস্টমাইজ বা অপসারণ করা যেতে পারে।
credits: {
enabled: false // ক্রেডিট অপসারণ
}
10. Exporting (এক্সপোর্ট)
Exporting কম্পোনেন্টটি ব্যবহারকারীদের চার্টটি বিভিন্ন ফরম্যাটে এক্সপোর্ট করার সুবিধা প্রদান করে। এটি যেমন PNG, JPEG, PDF, SVG ইত্যাদি ফরম্যাটে এক্সপোর্ট করা যায়।
exporting: {
enabled: true // এক্সপোর্টিং সক্রিয়
}
উপসংহার
Highcharts Object-এর প্রতিটি কম্পোনেন্ট বিভিন্ন ধরনের কাস্টমাইজেশন এবং চার্টের পারফরম্যান্স নিয়ন্ত্রণের জন্য অপরিহার্য। এগুলির মাধ্যমে আপনি চার্টের প্রতিটি অংশকে স্বাধীনভাবে কাস্টমাইজ করতে পারেন এবং ইন্টারঅ্যাকটিভ ডেটা ভিজুয়ালাইজেশন তৈরি করতে পারেন। এই কম্পোনেন্টগুলোকে ভালোভাবে বুঝতে পারলে, Highcharts ব্যবহার করা আরও সহজ এবং কার্যকরী হয়ে ওঠে।
Read more
