Highcharts Export Module ব্যবহার করে আপনি আপনার তৈরি করা চার্টকে বিভিন্ন ফরম্যাটে এক্সপোর্ট করতে পারেন, যেমন PNG, JPEG, PDF, SVG ইত্যাদি। এটি ব্যবহারকারীদের জন্য একটি অত্যন্ত কার্যকরী ফিচার, যা তাদের ডেটা ভিজুয়ালাইজেশন সঠিক ফরম্যাটে সংরক্ষণ বা শেয়ার করতে সহায়ক।
Export Module ইনস্টলেশন
Highcharts এর Export Module কার্যকরীভাবে ব্যবহার করতে হলে, আপনাকে এটি অ্যাডিশনাল মডিউল হিসেবে অন্তর্ভুক্ত করতে হবে। Export Module Highcharts এর ডিফল্ট অংশ নয়, তাই এটি আলাদা করে লোড করতে হবে।
Export Module লোড করা
- প্রথমে আপনাকে Highcharts এর প্রধান লাইব্রেরি highcharts.js লোড করতে হবে।
- এরপর Export Module এর জন্য আলাদা exporting.js ফাইল লোড করতে হবে।
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Highcharts Export Module Example</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script> <!-- Export Module -->
</head>
<body>
<div id="container" style="width: 100%; height: 400px;"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Sales Data'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
title: {
text: 'Sales'
}
},
series: [{
name: 'Sales',
data: [10, 20, 30, 40, 50]
}],
exporting: {
enabled: true // Exporting সক্রিয় করা
}
});
</script>
</body>
</html>
এখানে, exporting.js ফাইলটি লোড করা হয়েছে, এবং exporting: { enabled: true } দিয়ে Export ফিচারটি সক্রিয় করা হয়েছে। এর মাধ্যমে চার্টের উপর একটি Export বাটন প্রদর্শিত হবে, যা ব্যবহারকারীরা পছন্দমতো ফরম্যাটে চার্টটি এক্সপোর্ট করতে পারবেন।
Export Module এর ব্যবহার
Highcharts Export Module এর মাধ্যমে চার্ট এক্সপোর্ট করার জন্য, আপনি একাধিক ফরম্যাট এবং অপশন ব্যবহার করতে পারবেন। এই ফিচারটি আপনার চার্টের সাথে একটি Export button যোগ করে, যা ব্যবহারকারীকে PNG, JPEG, SVG, PDF ইত্যাদি ফরম্যাটে এক্সপোর্ট করার সুবিধা প্রদান করে।
Exporting অপশন কনফিগারেশন
Highcharts এর exporting অপশনটির মধ্যে আপনি কয়েকটি কাস্টমাইজেশন করতে পারেন, যেমন:
- enabled: এই অপশনটি true করলে Exporting বাটন সক্রিয় হবে।
- buttons: বিভিন্ন Export buttons কাস্টমাইজ করা যাবে, যেমন
contextButton(যে বাটনে Export অপশন থাকে)। - menuItems: Export অপশনের জন্য কাস্টমাইজ করা যায় কোন ফরম্যাটগুলো শো হবে (PNG, PDF, JPEG, SVG)।
উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>Highcharts Export Module with Customization</title>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
</head>
<body>
<div id="container" style="width: 100%; height: 400px;"></div>
<script>
Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'Custom Export Example'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
},
yAxis: {
title: {
text: 'Sales'
}
},
series: [{
name: 'Sales',
data: [10, 20, 30, 40, 50]
}],
exporting: {
enabled: true, // Exporting সক্রিয় করা
buttons: {
contextButton: {
text: 'Download', // Export button এর টেক্সট পরিবর্তন
menuItems: [
'downloadPNG',
'downloadJPEG',
'downloadPDF',
'downloadSVG',
'separator',
'printChart'
]
}
}
}
});
</script>
</body>
</html>
এখানে, contextButton এর মাধ্যমে এক্সপোর্ট বাটন কাস্টমাইজ করা হয়েছে, এবং menuItems এর মধ্যে একাধিক ফরম্যাট প্রদান করা হয়েছে: PNG, JPEG, PDF, SVG, এবং Print অপশন।
Highcharts Exporting Module এর সুবিধা
1. সহজ এক্সপোর্ট ফিচার
Highcharts Export Module খুব সহজে আপনার চার্টের জন্য এক্সপোর্ট বাটন যোগ করতে সাহায্য করে। এটি ব্যবহারকারীদের চার্টটি বিভিন্ন ফরম্যাটে এক্সপোর্ট করতে দেয়।
2. বিভিন্ন ফরম্যাটে এক্সপোর্ট
আপনি PNG, JPEG, SVG, PDF ফরম্যাটে চার্ট এক্সপোর্ট করতে পারেন, যা ব্যবহারকারীদের ডেটা সংরক্ষণ বা শেয়ার করার জন্য বিভিন্ন বিকল্প প্রদান করে।
3. প্রিন্ট এবং শেয়ারিং সুবিধা
Highcharts Exporting Module ব্যবহার করে আপনি চার্ট প্রিন্ট বা শেয়ার করাও সম্ভব, যেটি বিভিন্ন প্রেজেন্টেশন বা রিপোর্টের জন্য সহায়ক।
উপসংহার
Highcharts Export Module আপনার চার্টে Export বাটন যোগ করার মাধ্যমে চার্টের ডেটা বিভিন্ন ফরম্যাটে সংরক্ষণ বা শেয়ার করার সুযোগ দেয়। এটি অত্যন্ত সহজ এবং কার্যকরী, যেখানে আপনি PNG, JPEG, SVG, এবং PDF ফরম্যাটে এক্সপোর্ট করার সুযোগ পান। এই মডিউলটি খুব সহজেই আপনার Highcharts প্রকল্পে অন্তর্ভুক্ত করা যেতে পারে এবং ব্যবহারকারীদের জন্য একটি শক্তিশালী ডেটা শেয়ারিং টুল হিসেবে কাজ করে।
Read more
