Highcharts লাইব্রেরি ব্যবহারকারীদের চার্ট তৈরির জন্য শক্তিশালী এবং ইন্টারঅ্যাকটিভ টুল প্রদান করে। একেবারে বাস্তব সময়ে ডেটা ভিজুয়ালাইজেশন এবং ইনটераকটিভিটির সুবিধা ছাড়াও, Highcharts এর মাধ্যমে আপনি আপনার চার্ট প্রিন্ট বা PDF ফাইল হিসেবে এক্সপোর্ট করতে পারেন। এই ফিচারটি ব্যবহার করে আপনি আপনার চার্ট সহজেই ব্যবহারকারী বা ক্লায়েন্টদের কাছে প্রিন্ট আউট বা ডাউনলোডযোগ্য ফরম্যাটে পাঠাতে পারেন।
Highcharts Exporting Options
Highcharts এর exporting module এর মাধ্যমে আপনি চার্টকে বিভিন্ন ফরম্যাটে PNG, JPEG, PDF, এবং SVG আউটপুট করতে পারবেন। এটি একটি অত্যন্ত কার্যকরী ফিচার, যা আপনাকে আপনার ডেটা ভিজুয়ালাইজেশনকে প্রিন্ট বা শেয়ার করার জন্য আরও সহজ এবং দ্রুত করে তোলে।
Exporting Module সক্রিয় করা
প্রথমে, আপনাকে Highcharts Exporting Module অন্তর্ভুক্ত করতে হবে। আপনি এটি CDN বা লোকালি ইনস্টল করে ব্যবহার করতে পারেন।
উদাহরণ: Exporting Module CDN দ্বারা অন্তর্ভুক্ত করা
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>
এখানে, exporting.js এবং offline-exporting.js ফাইল দুটি অন্তর্ভুক্ত করা হয়েছে, যা আপনাকে বিভিন্ন ফরম্যাটে চার্ট এক্সপোর্ট করার সুবিধা দেয়।
Highcharts এ Chart Printing
Chart Printing এর মাধ্যমে আপনি আপনার তৈরি করা চার্টের প্রিন্ট আউট নিতে পারেন। এটি একটি সহজ প্রক্রিয়া এবং এক্সপোর্টের মতোই কাজ করে। আপনি সাধারণত একটি "Print" বাটন যোগ করতে পারেন যা ব্যবহারকারীদের চার্ট প্রিন্ট করার সুবিধা প্রদান করবে।
উদাহরণ: Chart Printing যোগ করা
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highcharts Print Example</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: 'column'
},
title: {
text: 'Sales Data'
},
series: [{
name: 'Sales',
data: [10, 20, 30, 40, 50]
}],
exporting: {
enabled: true, // Exporting অপশন চালু করা
buttons: {
printButton: { // প্রিন্ট বাটন কাস্টমাইজ করা
text: 'Print',
onclick: function () {
this.print(); // চার্টটি প্রিন্ট করতে বলা
}
}
}
}
});
</script>
</body>
</html>
এখানে, exporting.buttons.printButton এর মাধ্যমে একটি কাস্টম Print বাটন তৈরি করা হয়েছে, যা ব্যবহারকারীকে চার্টটি প্রিন্ট করার সুযোগ দেয়।
Highcharts এ PDF Export
Highcharts এ PDF Export ফিচারটি ব্যবহারের মাধ্যমে আপনি সহজেই চার্টকে PDF ফাইল আকারে এক্সপোর্ট করতে পারবেন। এই ফিচারটি ব্যবহারকারীকে তাদের প্রয়োজনীয় চার্ট বা ডেটার প্রিন্টযোগ্য ফাইল সরবরাহ করার জন্য একটি ভাল বিকল্প।
উদাহরণ: PDF Export যোগ করা
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highcharts PDF Export Example</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: 'Sales Trend'
},
series: [{
name: 'Sales',
data: [10, 20, 30, 40, 50]
}],
exporting: {
enabled: true, // Exporting সক্রিয় করা
buttons: {
pdfButton: { // PDF Export বাটন কাস্টমাইজ করা
text: 'Export PDF',
onclick: function () {
this.exportChart({ type: 'application/pdf' }); // PDF এ এক্সপোর্ট করা
}
}
}
}
});
</script>
</body>
</html>
এখানে, exportChart() ফাংশন ব্যবহার করা হয়েছে PDF ফরম্যাটে চার্ট এক্সপোর্ট করার জন্য।
Highcharts এ Multiple Export Formats
Highcharts আপনাকে PNG, JPEG, SVG, PDF সহ বিভিন্ন ফরম্যাটে এক্সপোর্ট করার সুযোগ দেয়। আপনি এক্সপোর্টিং অপশনগুলি কাস্টমাইজ করতে পারেন এবং একাধিক ফরম্যাটে চার্ট এক্সপোর্ট করতে পারেন।
উদাহরণ: একাধিক ফরম্যাটে Export
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highcharts Export Multiple Formats</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: 'pie'
},
title: {
text: 'Market Share'
},
series: [{
name: 'Share',
data: [
{ name: 'Product A', y: 40 },
{ name: 'Product B', y: 30 },
{ name: 'Product C', y: 30 }
]
}],
exporting: {
enabled: true, // Exporting চালু করা
buttons: {
contextButton: { // Export বাটন কাস্টমাইজ করা
menuItems: ['downloadPNG', 'downloadJPEG', 'downloadPDF', 'downloadSVG']
}
}
}
});
</script>
</body>
</html>
এখানে, menuItems ব্যবহার করে একাধিক Exporting Options যুক্ত করা হয়েছে, যাতে ব্যবহারকারীরা PNG, JPEG, PDF, এবং SVG ফরম্যাটে চার্ট এক্সপোর্ট করতে পারেন।
উপসংহার
Highcharts Exporting Options ব্যবহার করে আপনি আপনার চার্টকে PNG, JPEG, PDF, এবং SVG ফরম্যাটে এক্সপোর্ট করতে পারেন। এই ফিচারটি আপনার ডেটা ভিজুয়ালাইজেশনকে আরও ব্যবহারযোগ্য এবং শেয়ারযোগ্য করে তোলে। আপনি Chart Printing বা PDF Exporting ফিচার ব্যবহার করে সরাসরি চার্ট প্রিন্ট বা ডাউনলোডযোগ্য ফাইল তৈরি করতে পারেন, যা বিশেষভাবে রিপোর্ট এবং প্রেজেন্টেশন তৈরির জন্য উপকারী। Highcharts এর exporting module সহজেই কাস্টমাইজ করা যায় এবং এটি আপনার চার্টের শেয়ারিং এবং প্রিন্টিং প্রক্রিয়াকে আরও কার্যকরী এবং সুদৃঢ় করে তোলে।
Read more
