আপনি তাদের ডিফল্ট সেটিং সহ Google চার্ট সরঞ্জামগুলি ব্যবহার করতে পারেন - সমস্ত কাস্টমাইজেশন ঐচ্ছিক এবং মৌলিক সেটআপ লঞ্চের জন্য প্রস্তুত৷ যাইহোক, যদি আপনার ওয়েবপেজ এমন একটি স্টাইল গ্রহণ করে যা প্রদত্ত ডিফল্টের সাথে মতভেদ থাকে তাহলে চার্টগুলি সহজেই কাস্টমাইজযোগ্য হতে পারে। প্রতিটি চার্ট তার চেহারা এবং অনুভূতি কাস্টমাইজ করে এমন অনেকগুলি বিকল্প প্রকাশ করে। এই অপশনগুলোকে নাম:মান পেয়ার হিসেবে প্রকাশ করা হয় অপশন অবজেক্টে একটি চার্টের draw() পদ্ধতিতে পাস করা হয়েছে।
চার্টগুলি সাধারণত সেই ভিজ্যুয়ালাইজেশনের জন্য উপযুক্ত কাস্টম বিকল্পগুলিকে সমর্থন করে৷ উদাহরণস্বরূপ, সারণি চার্ট ডিফল্ট বাছাই কলাম নির্দিষ্ট করতে একটি sortColumn বিকল্পকে সমর্থন করে এবং পাই চার্ট ভিজ্যুয়ালাইজেশন একটি colors বিকল্পকে সমর্থন করে যা আপনাকে স্লাইস রঙ নির্দিষ্ট করতে দেয়। প্রতিটি চার্টের ডকুমেন্টেশনে এটি সমর্থন করে এমন বিকল্পগুলি বর্ণনা করা উচিত।
আপনি পূর্বে বর্ণিত চার্টের draw() পদ্ধতিতে একটি ঐচ্ছিক দ্বিতীয় প্যারামিটার হিসাবে আপনার বিকল্পগুলিকে পাস করবেন। আপনি প্রতিটি চার্টের জন্য নির্দিষ্ট বৈশিষ্ট্য সহ একটি বস্তু তৈরি করে বিকল্পগুলি নির্দিষ্ট করুন৷
নিম্নলিখিত উদাহরণটি একটি অপশন অবজেক্ট তৈরি করে দেখায় যা এই সমস্ত বৈশিষ্ট্যগুলি নির্দিষ্ট করে:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
এখানে এই কোডটি তৈরি করা চার্ট।
এছাড়াও আপনি draw() পদ্ধতির মধ্যে আক্ষরিকভাবে বিকল্পগুলি নির্দিষ্ট করতে পারেন:
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
এখানে এই কোডটি তৈরি করা চার্ট।
অধিক তথ্য