Class LineChartBuilder

LineChartBuilder

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

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

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

  var chartBuilder = Charts.newLineChart()
      .setTitle('Yearly Rainfall')
      .setXAxisTitle('Month')
      .setYAxisTitle('Rainfall (in)')
      .setDimensions(600, 500)
      .setCurveStyle(Charts.CurveStyle.SMOOTH)
      .setPointStyle(Charts.PointStyle.MEDIUM)
      .setDataSourceUrl(dataSourceUrl);

  var chart = chartBuilder.build();

روش ها

روش نوع برگشت شرح مختصر
build() Chart نمودار را می سازد.
reverseCategories() LineChartBuilder رسم سری ها را در محور دامنه معکوس می کند.
setBackgroundColor(cssValue) LineChartBuilder رنگ پس زمینه نمودار را تنظیم می کند.
setColors(cssValues) LineChartBuilder رنگ ها را برای خطوط در نمودار تنظیم می کند.
setCurveStyle(style) LineChartBuilder سبک را برای استفاده برای منحنی‌های نمودار تنظیم می‌کند.
setDataSourceUrl(url) LineChartBuilder URL منبع داده را تنظیم می کند که برای وارد کردن داده ها از یک منبع خارجی مانند Google Sheets استفاده می شود.
setDataTable(tableBuilder) LineChartBuilder جدول داده را برای استفاده برای نمودار با استفاده از DataTableBuilder تنظیم می کند.
setDataTable(table) LineChartBuilder جدول داده ای را که شامل خطوط نمودار و همچنین برچسب های محور X است را تنظیم می کند.
setDataViewDefinition(dataViewDefinition) LineChartBuilder تعریف نمای داده را برای استفاده برای نمودار تنظیم می کند.
setDimensions(width, height) LineChartBuilder ابعاد نمودار را تعیین می کند.
setLegendPosition(position) LineChartBuilder موقعیت افسانه را با توجه به نمودار تنظیم می کند.
setLegendTextStyle(textStyle) LineChartBuilder سبک متن افسانه نمودار را تنظیم می کند.
setOption(option, value) LineChartBuilder گزینه های پیشرفته را برای این نمودار تنظیم می کند.
setPointStyle(style) LineChartBuilder استایل را برای نقاط در خط تنظیم می کند.
setRange(start, end) LineChartBuilder محدوده را برای نمودار تنظیم می کند.
setTitle(chartTitle) LineChartBuilder عنوان نمودار را تعیین می کند.
setTitleTextStyle(textStyle) LineChartBuilder سبک متن عنوان نمودار را تنظیم می کند.
setXAxisTextStyle(textStyle) LineChartBuilder سبک متن محور افقی را تنظیم می کند.
setXAxisTitle(title) LineChartBuilder عنوانی را به محور افقی اضافه می کند.
setXAxisTitleTextStyle(textStyle) LineChartBuilder سبک متن عنوان محور افقی را تنظیم می کند.
setYAxisTextStyle(textStyle) LineChartBuilder سبک متن محور عمودی را تنظیم می کند.
setYAxisTitle(title) LineChartBuilder عنوانی را به محور عمودی اضافه می کند.
setYAxisTitleTextStyle(textStyle) LineChartBuilder سبک متن عنوان محور عمودی را تنظیم می کند.
useLogScale() LineChartBuilder محور دامنه را به یک مقیاس لگاریتمی تبدیل می کند (به مثبت بودن همه مقادیر نیاز دارد).

مستندات دقیق

build()

نمودار را می سازد.

بازگشت

Chart - یک شی نمودار، که می تواند در اسناد، عناصر رابط کاربری جاسازی شود یا به عنوان یک تصویر ثابت استفاده شود.

reverseCategories()

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

// Creates a pie chart builder and sets drawing of the slices in a counter-clockwise manner.
var builder = Charts.newPieChart();
builder.reverseCategories();

بازگشت

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

setBackgroundColor(cssValue)

رنگ پس زمینه نمودار را تنظیم می کند. 

// Creates a line chart builder and sets the background color to gray
var builder = Charts.newLineChart();
builder.setBackgroundColor("gray");

پارامترها

نام تایپ کنید توضیحات
cssValue String مقدار CSS برای رنگ (مانند "blue" یا "#00f" ).

بازگشت

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

setColors(cssValues)

رنگ ها را برای خطوط در نمودار تنظیم می کند. 

// Creates a line chart builder and sets the first two lines to be drawn in green and red,
// respectively.
var builder = Charts.newLineChart();
builder.setColors(["green", "red"]);

پارامترها

نام تایپ کنید توضیحات
cssValues String[] آرایه ای از مقادیر رنگی CSS، مانند ["red", "#acf"] . عنصر n در آرایه نشان دهنده رنگ خط n ام در نمودار است.

بازگشت

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

setCurveStyle(style)

سبکی را برای استفاده برای منحنی ها در نمودار تنظیم می کند. برای سبک‌های منحنی مجاز، CurveStyle ببینید. 

// Creates a line chart builder and curves the lines in the chart.
var builder = Charts.newLineChart();
builder.setCurveStyle(Charts.CurveStyle.SMOOTH)

پارامترها

نام تایپ کنید توضیحات
style CurveStyle سبک برای منحنی ها در نمودار.

بازگشت

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

همچنین ببینید

setDataSourceUrl(url)

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

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

پارامترها

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

بازگشت

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

setDataTable(tableBuilder)

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

پارامترها

نام تایپ کنید توضیحات
tableBuilder DataTableBuilder سازنده جدول داده ها یک جدول داده جدید فوراً به عنوان بخشی از این تماس ایجاد می‌شود، بنابراین هرگونه به‌روزرسانی بیشتر برای سازنده در نمودار منعکس نمی‌شود.

بازگشت

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

setDataTable(table)

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

پارامترها

نام تایپ کنید توضیحات
table DataTableSource جدول داده برای استفاده برای نمودار.

بازگشت

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

setDataViewDefinition(dataViewDefinition)

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

پارامترها

نام تایپ کنید توضیحات
dataViewDefinition DataViewDefinition یک شی تعریف نمای داده که نمایه ای را که باید از منبع داده داده شده برای ترسیم نمودار مشتق شود، تعریف می کند.

بازگشت

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

setDimensions(width, height)

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

پارامترها

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

بازگشت

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

setLegendPosition(position)

موقعیت افسانه را با توجه به نمودار تنظیم می کند. به طور پیش فرض، هیچ افسانه ای وجود ندارد. 

// Creates a line chart builder and sets the legend position to right.
var builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

پارامترها

نام تایپ کنید توضیحات
position Position موقعیت افسانه.

بازگشت

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

setLegendTextStyle(textStyle)

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

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متن برای استفاده برای افسانه نمودار.

بازگشت

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

setOption(option, value)

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

// Build a line chart with a 1-second animation duration.
var builder = Charts.newLineChart();
builder.setOption('animation.duration', 1000);
var chart = builder.build();

پارامترها

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

بازگشت

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

setPointStyle(style)

استایل را برای نقاط در خط تنظیم می کند. به طور پیش فرض، نقاط هیچ سبک خاصی ندارند و فقط خط قابل مشاهده است. 

// Creates a line chart builder and sets large point style.
var builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

پارامترها

نام تایپ کنید توضیحات
style PointStyle سبک مورد استفاده برای نقاط در خط.

بازگشت

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

همچنین ببینید

setRange(start, end)

محدوده را برای نمودار تنظیم می کند.

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

پارامترها

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

بازگشت

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

setTitle(chartTitle)

عنوان نمودار را تعیین می کند. عنوان در مرکز بالای نمودار نمایش داده می شود. 

// Creates a line chart builder and title to 'My Line Chart'.
var builder = Charts.newLineChart();
builder.setTitle('My Line Chart')

پارامترها

نام تایپ کنید توضیحات
chartTitle String عنوان نمودار

بازگشت

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

setTitleTextStyle(textStyle)

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

// Creates a line chart builder and sets it up for a  blue, 26-point title.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متنی که برای عنوان نمودار استفاده می شود. می توانید با فراخوانی Charts.newTextStyle() یک شی TextStyleBuilder ایجاد کنید.

بازگشت

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

setXAxisTextStyle(textStyle)

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

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

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متنی که برای عنوان محور افقی استفاده می شود. می توانید با فراخوانی Charts.newTextStyle() یک شی TextStyleBuilder ایجاد کنید.

بازگشت

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

setXAxisTitle(title)

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

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

پارامترها

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

بازگشت

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

setXAxisTitleTextStyle(textStyle)

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

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

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متنی که برای عنوان محور افقی استفاده می شود. می توانید با فراخوانی Charts.newTextStyle() یک شی TextStyleBuilder ایجاد کنید.

بازگشت

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

setYAxisTextStyle(textStyle)

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

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

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متنی که برای عنوان محور افقی استفاده می شود. می توانید با فراخوانی Charts.newTextStyle() یک شی TextStyleBuilder ایجاد کنید.

بازگشت

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

setYAxisTitle(title)

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

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

پارامترها

نام تایپ کنید توضیحات
title String عنوان برای محور Y.

بازگشت

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

setYAxisTitleTextStyle(textStyle)

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

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

پارامترها

نام تایپ کنید توضیحات
textStyle TextStyle سبک متنی که برای عنوان محور افقی استفاده می شود. می توانید با فراخوانی Charts.newTextStyle() یک شی TextStyleBuilder ایجاد کنید.

بازگشت

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

useLogScale()

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

بازگشت

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