یک سازنده برای نمودارهای دایرهای. برای جزئیات بیشتر، به مستندات Google Charts مراجعه کنید.
در اینجا مثالی آورده شده است که نحوه ساخت نمودار دایرهای را نشان میدهد. دادهها از یک صفحه گسترده گوگل وارد شدهاند .
// Get sample data from a spreadsheet. const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; const chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); const chart = chartBuilder.build();
روشها
| روش | نوع بازگشتی | شرح مختصر |
|---|---|---|
build() | Chart | نمودار را میسازد. |
reverse Categories() | Pie Chart Builder | رسم سریها را در محور دامنه معکوس میکند. |
set3D() | Pie Chart Builder | نمودار را به صورت سه بعدی تنظیم میکند. |
set Background Color(cssValue) | Pie Chart Builder | رنگ پسزمینه را برای نمودار تنظیم میکند. |
set Colors(cssValues) | Pie Chart Builder | رنگ خطوط نمودار را تنظیم میکند. |
set Data Source Url(url) | Pie Chart Builder | آدرس اینترنتی منبع دادهای را که برای دریافت دادهها از یک منبع خارجی، مانند Google Sheets، استفاده میشود، تنظیم میکند. |
set Data Table(tableBuilder) | Pie Chart Builder | با استفاده از DataTableBuilder، جدول دادهها را برای استفاده در نمودار تنظیم میکند. |
set Data Table(table) | Pie Chart Builder | جدول دادهها را که شامل خطوط نمودار و همچنین برچسبهای محور X است، تنظیم میکند. |
set Data View Definition(dataViewDefinition) | Pie Chart Builder | تعریف نمای داده را برای استفاده در نمودار تنظیم میکند. |
set Dimensions(width, height) | Pie Chart Builder | ابعاد نمودار را تنظیم میکند. |
set Legend Position(position) | Pie Chart Builder | موقعیت راهنما را نسبت به نمودار تنظیم میکند. |
set Legend Text Style(textStyle) | Pie Chart Builder | سبک متن راهنمای نمودار را تنظیم میکند. |
set Option(option, value) | Pie Chart Builder | گزینههای پیشرفتهای را برای این نمودار تنظیم میکند. |
set Title(chartTitle) | Pie Chart Builder | عنوان نمودار را تعیین میکند. |
set Title Text Style(textStyle) | Pie Chart Builder | سبک متن عنوان نمودار را تنظیم میکند. |
مستندات دقیق
build()
نمودار را میسازد.
بازگشت
Chart - یک شیء نمودار که میتواند در اسناد، عناصر رابط کاربری تعبیه شود یا به عنوان یک تصویر ثابت استفاده شود.
reverseCategories()
رسم سریها را در محور دامنه معکوس میکند. برای نمودارهای با دامنه عمودی (مانند نمودارهای خطی، مساحتی یا ستونی)، این به این معنی است که محور افقی از راست به چپ رسم میشود. برای نمودارهای با دامنه افقی (مانند نمودارهای میلهای)، این به این معنی است که محور عمودی از بالا به پایین رسم میشود. برای نمودارهای دایرهای، این به این معنی است که برشها در خلاف جهت عقربههای ساعت رسم میشوند.
// Creates a pie chart builder and sets drawing of the slices in a // counter-clockwise manner. const builder = Charts.newPieChart(); builder.reverseCategories();
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
set3D()
نمودار را به صورت سه بعدی تنظیم میکند.
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setBackgroundColor(cssValue)
رنگ پسزمینه را برای نمودار تنظیم میکند.
// Creates a line chart builder and sets the background color to gray const builder = Charts.newLineChart(); builder.setBackgroundColor('gray');
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
css Value | String | مقدار CSS برای رنگ (مانند "blue" یا "#00f" ). |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setColors(cssValues)
رنگ خطوط نمودار را تنظیم میکند.
// Creates a line chart builder and sets the first two lines to be drawn in // green and red, respectively. const builder = Charts.newLineChart(); builder.setColors(['green', 'red']);
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
css Values | String[] | آرایهای از مقادیر CSS رنگ، مانند ["red", "#acf"] . عنصر nام در آرایه، رنگ خط nام در نمودار را نشان میدهد. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setDataSourceUrl(url)
آدرس اینترنتی منبع دادهای را که برای دریافت دادهها از یک منبع خارجی، مانند Google Sheets، استفاده میشود، تنظیم میکند. اگر آدرس اینترنتی منبع داده و یک DataTable ارائه شوند، آدرس اینترنتی منبع داده نادیده گرفته میشود.
برای اطلاعات بیشتر در مورد جستجوی منابع داده، مستندات Google Charts را بررسی کنید.
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
url | String | آدرس اینترنتی منبع داده، شامل هر پارامتر پرس و جو. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setDataTable(tableBuilder)
جدول دادهها را برای استفاده در نمودار با استفاده از DataTableBuilder تنظیم میکند. این یک روش راحت برای تنظیم جدول دادهها بدون نیاز به فراخوانی build() است.
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
table Builder | Data Table Builder | یک سازنده جدول داده. یک جدول داده جدید فوراً به عنوان بخشی از این فراخوانی ایجاد میشود، بنابراین هرگونه بهروزرسانی بیشتر در سازنده در نمودار منعکس نخواهد شد. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setDataTable(table)
جدول دادهها را که شامل خطوط نمودار و همچنین برچسبهای محور X است، تنظیم میکند. ستون اول باید یک رشته باشد و شامل برچسبهای محور افقی باشد. هر تعداد ستون میتواند در ادامه بیاید، همه باید عددی باشند. هر ستون به صورت یک خط جداگانه نمایش داده میشود.
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
table | Data Table Source | جدول دادههایی که برای نمودار استفاده میشوند. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setDataViewDefinition(dataViewDefinition)
تعریف نمای داده را برای استفاده در نمودار تنظیم میکند.
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
data View Definition | Data View Definition | یک شیء تعریف نمای داده که نمایی را که باید از منبع داده داده شده برای ترسیم نمودار استخراج شود، تعریف میکند. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setDimensions(width, height)
ابعاد نمودار را تنظیم میکند.
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
width | Integer | عرض نمودار، بر حسب پیکسل. |
height | Integer | ارتفاع نمودار، بر حسب پیکسل. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setLegendPosition(position)
موقعیت راهنما را نسبت به نمودار تنظیم میکند. به طور پیشفرض، راهنما وجود ندارد.
// Creates a line chart builder and sets the legend position to right. const builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
position | Position | جایگاه افسانه. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setLegendTextStyle(textStyle)
سبک متن راهنمای نمودار را تنظیم میکند.
// Creates a line chart builder and sets it up for a blue, 26-point legend. const textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); const style = textStyleBuilder.build(); const builder = Charts.newLineChart(); builder.setLegendTextStyle(style);
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
text Style | Text Style | سبک متنی که برای راهنمای نمودار استفاده میشود. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setOption(option, value)
گزینههای پیشرفتهای را برای این نمودار تنظیم میکند. گزینههای موجود برای این نمودار را ببینید. اگر گزینه داده شده نامعتبر باشد، این روش هیچ تاثیری ندارد.
// Build a pie chart with a pretty legend. const builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); const chart = builder.build();
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
option | String | گزینه ای برای تنظیم. |
value | Object | مقداری که باید تنظیم شود. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setTitle(chartTitle)
عنوان نمودار را تنظیم میکند. عنوان در مرکز بالای نمودار نمایش داده میشود.
// Creates a line chart builder and title to 'My Line Chart'. const builder = Charts.newLineChart(); builder.setTitle('My Line Chart');
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
chart Title | String | عنوان نمودار. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.
setTitleTextStyle(textStyle)
سبک متن عنوان نمودار را تنظیم میکند.
// Creates a line chart builder and sets it up for a blue, 26-point title. const textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); const style = textStyleBuilder.build(); const builder = Charts.newLineChart(); builder.setTitleTextStyle(style);
پارامترها
| نام | نوع | توضیحات |
|---|---|---|
text Style | Text Style | سبک متنی که برای عنوان نمودار استفاده میشود. میتوانید با فراخوانی Charts.newTextStyle() یک شیء Text Style Builder ایجاد کنید. |
بازگشت
PieChartBuilder — این سازنده، برای زنجیرهسازی مفید است.