Class BarChartBuilder

سازنده نمودار میله‌ای

سازنده نمودارهای میله‌ای. برای جزئیات بیشتر، به مستندات Google Charts مراجعه کنید.

در اینجا مثالی آورده شده است که نحوه ساخت نمودار میله‌ای را نشان می‌دهد. داده‌ها از یک صفحه گسترده گوگل وارد شده‌اند .

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=B1%3AC11' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=0&headers=-1';

const chartBuilder = Charts.newBarChart()
                         .setTitle('Top Grossing Films in US and Canada')
                         .setXAxisTitle('USD')
                         .setYAxisTitle('Film')
                         .setDimensions(600, 500)
                         .setLegendPosition(Charts.Position.BOTTOM)
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

روش‌ها

روش نوع بازگشتی شرح مختصر
build() Chart نمودار را می‌سازد.
reverse Categories() Bar Chart Builder رسم سری‌ها را در محور دامنه معکوس می‌کند.
reverse Direction() Bar Chart Builder جهت رشد میله‌ها در امتداد محور افقی را معکوس می‌کند.
set Background Color(cssValue) Bar Chart Builder رنگ پس‌زمینه را برای نمودار تنظیم می‌کند.
set Colors(cssValues) Bar Chart Builder رنگ خطوط نمودار را تنظیم می‌کند.
set Data Source Url(url) Bar Chart Builder آدرس اینترنتی منبع داده‌ای را که برای دریافت داده‌ها از یک منبع خارجی، مانند Google Sheets، استفاده می‌شود، تنظیم می‌کند.
set Data Table(tableBuilder) Bar Chart Builder با استفاده از DataTableBuilder، جدول داده‌ها را برای استفاده در نمودار تنظیم می‌کند.
set Data Table(table) Bar Chart Builder جدول داده‌ها را که شامل خطوط نمودار و همچنین برچسب‌های محور X است، تنظیم می‌کند.
set Data View Definition(dataViewDefinition) Bar Chart Builder تعریف نمای داده را برای استفاده در نمودار تنظیم می‌کند.
set Dimensions(width, height) Bar Chart Builder ابعاد نمودار را تنظیم می‌کند.
set Legend Position(position) Bar Chart Builder موقعیت راهنما را نسبت به نمودار تنظیم می‌کند.
set Legend Text Style(textStyle) Bar Chart Builder سبک متن راهنمای نمودار را تنظیم می‌کند.
set Option(option, value) Bar Chart Builder گزینه‌های پیشرفته‌ای را برای این نمودار تنظیم می‌کند.
set Range(start, end) Bar Chart Builder محدوده نمودار را تعیین می‌کند.
set Stacked() Bar Chart Builder از خطوط انباشته استفاده می‌کند، به این معنی که مقادیر خط و میله روی هم انباشته (انباشته) می‌شوند.
set Title(chartTitle) Bar Chart Builder عنوان نمودار را تعیین می‌کند.
set Title Text Style(textStyle) Bar Chart Builder سبک متن عنوان نمودار را تنظیم می‌کند.
set XAxis Text Style(textStyle) Bar Chart Builder سبک متن محور افقی را تنظیم می‌کند.
set XAxis Title(title) Bar Chart Builder یک عنوان به محور افقی اضافه می‌کند.
set XAxis Title Text Style(textStyle) Bar Chart Builder سبک متن عنوان محور افقی را تنظیم می‌کند.
set YAxis Text Style(textStyle) Bar Chart Builder سبک متن محور عمودی را تنظیم می‌کند.
set YAxis Title(title) Bar Chart Builder یک عنوان به محور عمودی اضافه می‌کند.
set YAxis Title Text Style(textStyle) Bar Chart Builder سبک متن عنوان محور عمودی را تنظیم می‌کند.
use Log Scale() Bar 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();

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

reverseDirection()

جهت رشد میله‌ها در امتداد محور افقی را معکوس می‌کند. به طور پیش‌فرض، مقادیر از چپ به راست رشد می‌کنند. فراخوانی این متد باعث می‌شود که آنها از راست به چپ رشد کنند.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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" ).

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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ام در نمودار را نشان می‌دهد.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setDataSourceUrl(url)

آدرس اینترنتی منبع داده‌ای را که برای دریافت داده‌ها از یک منبع خارجی، مانند Google Sheets، استفاده می‌شود، تنظیم می‌کند. اگر آدرس اینترنتی منبع داده و یک DataTable ارائه شوند، آدرس اینترنتی منبع داده نادیده گرفته می‌شود.

برای اطلاعات بیشتر در مورد جستجوی منابع داده، مستندات Google Charts را بررسی کنید.

پارامترها

نام نوع توضیحات
url String آدرس اینترنتی منبع داده، شامل هر پارامتر پرس و جو.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setDataTable(tableBuilder)

جدول داده‌ها را برای استفاده در نمودار با استفاده از DataTableBuilder تنظیم می‌کند. این یک روش راحت برای تنظیم جدول داده‌ها بدون نیاز به فراخوانی build() است.

پارامترها

نام نوع توضیحات
table Builder Data Table Builder یک سازنده جدول داده. یک جدول داده جدید فوراً به عنوان بخشی از این فراخوانی ایجاد می‌شود، بنابراین هرگونه به‌روزرسانی بیشتر در سازنده در نمودار منعکس نخواهد شد.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setDataTable(table)

جدول داده‌ها را که شامل خطوط نمودار و همچنین برچسب‌های محور X است، تنظیم می‌کند. ستون اول باید یک رشته باشد و شامل برچسب‌های محور افقی باشد. هر تعداد ستون می‌تواند در ادامه بیاید، همه باید عددی باشند. هر ستون به صورت یک خط جداگانه نمایش داده می‌شود.

پارامترها

نام نوع توضیحات
table Data Table Source جدول داده‌هایی که برای نمودار استفاده می‌شوند.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setDataViewDefinition(dataViewDefinition)

تعریف نمای داده را برای استفاده در نمودار تنظیم می‌کند.

پارامترها

نام نوع توضیحات
data View Definition Data View Definition یک شیء تعریف نمای داده که نمایی را که باید از منبع داده داده شده برای ترسیم نمودار استخراج شود، تعریف می‌کند.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setDimensions(width, height)

ابعاد نمودار را تنظیم می‌کند.

پارامترها

نام نوع توضیحات
width Integer عرض نمودار، بر حسب پیکسل.
height Integer ارتفاع نمودار، بر حسب پیکسل.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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 جایگاه افسانه.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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 سبک متنی که برای راهنمای نمودار استفاده می‌شود.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setOption(option, value)

گزینه‌های پیشرفته‌ای را برای این نمودار تنظیم می‌کند. گزینه‌های موجود برای این نمودار را ببینید. اگر گزینه داده شده نامعتبر باشد، این روش هیچ تاثیری ندارد.

// Build a bar chart with a 1-second animation duration.
const builder = Charts.newBarChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

پارامترها

نام نوع توضیحات
option String گزینه ای برای تنظیم.
value Object مقداری که باید تنظیم شود.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setRange(start, end)

محدوده نمودار را تعیین می‌کند.

اگر هر یک از نقاط داده خارج از محدوده قرار گیرند، محدوده گسترش می‌یابد تا آن نقاط داده را شامل شود.

پارامترها

نام نوع توضیحات
start Number مقدار مربوط به پایین‌ترین خط شبکه از محور محدوده.
end Number مقدار مربوط به بالاترین خط شبکه محور برد.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setStacked()

از خطوط انباشته استفاده می‌کند، به این معنی که مقادیر خط و میله روی هم انباشته (انباشته) می‌شوند. به طور پیش‌فرض، هیچ انباشتگی وجود ندارد.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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 عنوان نمودار.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

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 ایجاد کنید.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setXAxisTextStyle(textStyle)

سبک متن محور افقی را تنظیم می‌کند. 

// Creates a line chart builder and sets the X-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

پارامترها

نام نوع توضیحات
text Style Text Style سبک متنی که برای عنوان محور افقی استفاده می‌شود. می‌توانید با فراخوانی Charts.newTextStyle() یک شیء Text Style Builder ایجاد کنید.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setXAxisTitle(title)

یک عنوان به محور افقی اضافه می‌کند. عنوان در مرکز قرار می‌گیرد و زیر برچسب‌های مقادیر محور ظاهر می‌شود. 

// Creates a line chart builder and sets the X-axis title.
const builder = Charts.newLineChart();
builder.setTitle('X-axis Title');

پارامترها

نام نوع توضیحات
title String عنوان برای محور X.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setXAxisTitleTextStyle(textStyle)

سبک متن عنوان محور افقی را تنظیم می‌کند. 

// Creates a line chart builder and sets the X-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

پارامترها

نام نوع توضیحات
text Style Text Style سبک متنی که برای عنوان محور افقی استفاده می‌شود. می‌توانید با فراخوانی Charts.newTextStyle() یک شیء Text Style Builder ایجاد کنید.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setYAxisTextStyle(textStyle)

سبک متن محور عمودی را تنظیم می‌کند. 

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

پارامترها

نام نوع توضیحات
text Style Text Style سبک متنی که برای عنوان محور افقی استفاده می‌شود. می‌توانید با فراخوانی Charts.newTextStyle() یک شیء Text Style Builder ایجاد کنید.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setYAxisTitle(title)

یک عنوان به محور عمودی اضافه می‌کند. عنوان در مرکز قرار می‌گیرد و در سمت چپ برچسب‌های مقدار ظاهر می‌شود. 

// Creates a line chart builder and sets the Y-axis title.
const builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title');

پارامترها

نام نوع توضیحات
title String عنوان محور Y.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

setYAxisTitleTextStyle(textStyle)

سبک متن عنوان محور عمودی را تنظیم می‌کند. 

// Creates a line chart builder and sets the Y-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

پارامترها

نام نوع توضیحات
text Style Text Style سبک متنی که برای عنوان محور افقی استفاده می‌شود. می‌توانید با فراخوانی Charts.newTextStyle() یک شیء Text Style Builder ایجاد کنید.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.

useLogScale()

محور محدوده را به مقیاس لگاریتمی تبدیل می‌کند (نیازمند مثبت بودن همه مقادیر است). محور محدوده، محور عمودی برای نمودارهای عمودی (مانند خط، مساحت یا ستون) و محور افقی برای نمودارهای افقی (مانند میله) است.

بازگشت

BarChartBuilder — این سازنده، برای زنجیره‌سازی مفید است.