می‌توانید از ابزار نمودار Google با تنظیمات پیش‌فرض آن‌ها استفاده کنید - همه سفارشی‌سازی اختیاری است و راه‌اندازی اولیه آماده راه‌اندازی است. با این حال، در صورتی که صفحه وب شما سبکی را اتخاذ کند که با پیش‌فرض‌های ارائه شده مغایرت دارد، نمودارها را می‌توان به راحتی تنظیم کرد. هر نمودار تعدادی گزینه را نشان می دهد که ظاهر و احساس آن را سفارشی می کند. این گزینه‌ها به صورت جفت‌های name:value در شی گزینه‌های ارسال شده به متد 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
});
در اینجا نموداری است که این کد ایجاد می کند.
اطلاعات بیشتر