Class AreaChartBuilder

এলাকা চার্ট নির্মাতা

এলাকা চার্ট জন্য নির্মাতা. আরও বিস্তারিত জানার জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।

এখানে একটি উদাহরণ রয়েছে যা দেখায় কিভাবে একটি এলাকা চার্ট তৈরি করতে হয়।

// Create a data table with some sample data.
const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Month')
                       .addColumn(Charts.ColumnType.NUMBER, 'Dining')
                       .addColumn(Charts.ColumnType.NUMBER, 'Total')
                       .addRow(['Jan', 60, 520])
                       .addRow(['Feb', 50, 430])
                       .addRow(['Mar', 53, 440])
                       .addRow(['Apr', 70, 410])
                       .addRow(['May', 80, 390])
                       .addRow(['Jun', 60, 500])
                       .addRow(['Jul', 100, 450])
                       .addRow(['Aug', 140, 431])
                       .addRow(['Sep', 75, 488])
                       .addRow(['Oct', 70, 521])
                       .addRow(['Nov', 58, 388])
                       .addRow(['Dec', 63, 400])
                       .build();

const chart = Charts.newAreaChart()
                  .setTitle('Yearly Spending')
                  .setXAxisTitle('Month')
                  .setYAxisTitle('Spending (USD)')
                  .setDimensions(600, 500)
                  .setStacked()
                  .setColors(['red', 'green'])
                  .setDataTable(sampleData)
                  .build();

পদ্ধতি

পদ্ধতি রিটার্ন টাইপ সংক্ষিপ্ত বিবরণ
build() Chart চার্ট তৈরি করে।
reverse Categories() Area Chart Builder ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে।
set Background Color(cssValue) Area Chart Builder চার্টের জন্য পটভূমির রঙ সেট করে।
set Colors(cssValues) Area Chart Builder চার্টে লাইনের জন্য রং সেট করে।
set Data Source Url(url) Area Chart Builder ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়।
set Data Table(tableBuilder) Area Chart Builder একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে।
set Data Table(table) Area Chart Builder ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে।
set Data View Definition(dataViewDefinition) Area Chart Builder চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।
set Dimensions(width, height) Area Chart Builder চার্টের জন্য মাত্রা সেট করে।
set Legend Position(position) Area Chart Builder চার্টের সাপেক্ষে কিংবদন্তীর অবস্থান নির্ধারণ করে।
set Legend Text Style(textStyle) Area Chart Builder লেজেন্ডের টেক্সট স্টাইল সেট করে।
set Option(option, value) Area Chart Builder এই চার্টের জন্য উন্নত বিকল্প সেট করে।
set Point Style(style) Area Chart Builder লাইনে পয়েন্টের জন্য শৈলী সেট করে।
set Range(start, end) Area Chart Builder চার্টের জন্য পরিসীমা সেট করে।
set Stacked() Area Chart Builder স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)।
set Title(chartTitle) Area Chart Builder চার্টের শিরোনাম সেট করে।
set Title Text Style(textStyle) Area Chart Builder চার্ট শিরোনামের পাঠ্য শৈলী সেট করে।
set XAxis Text Style(textStyle) Area Chart Builder অনুভূমিক অক্ষ পাঠ শৈলী সেট করে।
set XAxis Title(title) Area Chart Builder অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে।
set XAxis Title Text Style(textStyle) Area Chart Builder অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী সেট করে।
set YAxis Text Style(textStyle) Area Chart Builder উল্লম্ব অক্ষ পাঠ শৈলী সেট করে।
set YAxis Title(title) Area Chart Builder উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে।
set YAxis Title Text Style(textStyle) Area Chart Builder উল্লম্ব অক্ষ শিরোনাম পাঠ শৈলী সেট করে।
use Log Scale() Area Chart Builder পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)।

বিস্তারিত ডকুমেন্টেশন

build()

চার্ট তৈরি করে।

প্রত্যাবর্তন

Chart - একটি চার্ট অবজেক্ট, যা নথি, UI উপাদানগুলিতে এম্বেড করা যেতে পারে বা স্ট্যাটিক ইমেজ হিসাবে ব্যবহার করা যেতে পারে।

reverse Categories()

ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে। উল্লম্ব-পরিসরের চার্টের জন্য (যেমন লাইন, এলাকা বা কলাম চার্ট), এর অর্থ হল অনুভূমিক অক্ষটি ডান থেকে বামে আঁকা হয়েছে। অনুভূমিক-পরিসরের চার্টগুলির জন্য (যেমন বার চার্ট), এর অর্থ হল উল্লম্ব অক্ষটি উপরে থেকে নীচে আঁকা হয়েছে। পাই চার্টের জন্য, এর অর্থ হল স্লাইসগুলি ঘড়ির কাঁটার বিপরীতে আঁকা হয়।

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

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Background Color(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" )।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Colors(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"] । অ্যারের nth উপাদানটি চার্টের nth লাইনের রঙকে উপস্থাপন করে।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Data Source Url(url)

ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। একটি ডেটা উৎস URL এবং একটি DataTable প্রদান করা হলে, ডেটা উত্স URL উপেক্ষা করা হয়৷

তথ্য উৎস অনুসন্ধান সম্পর্কে আরও তথ্যের জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।

পরামিতি

নাম টাইপ বর্ণনা
url String যেকোন কোয়েরি প্যারামিটার সহ ডেটা উৎস URL।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Data Table(tableBuilder)

একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। এটি build() কল করার প্রয়োজন ছাড়াই ডেটা টেবিল সেট করার জন্য একটি সুবিধাজনক পদ্ধতি।

পরামিতি

নাম টাইপ বর্ণনা
table Builder Data Table Builder একটি ডেটা টেবিল নির্মাতা। এই কলের অংশ হিসাবে একটি নতুন ডেটা টেবিল তাত্ক্ষণিকভাবে তৈরি করা হয়েছে, তাই নির্মাতার পরবর্তী আপডেটগুলি চার্টে প্রতিফলিত হবে না।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Data Table(table)

ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। প্রথম কলামটি একটি স্ট্রিং হওয়া উচিত এবং অনুভূমিক অক্ষের লেবেলগুলি ধারণ করে৷ যেকোন সংখ্যক কলাম অনুসরণ করতে পারে, সবগুলো অবশ্যই সংখ্যাসূচক হতে হবে। প্রতিটি কলাম একটি পৃথক লাইন হিসাবে প্রদর্শিত হয়।

পরামিতি

নাম টাইপ বর্ণনা
table Data Table Source চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Data View Definition(dataViewDefinition)

চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।

পরামিতি

নাম টাইপ বর্ণনা
data View Definition Data View Definition একটি ডেটা ভিউ ডেফিনেশন অবজেক্ট যা চার্ট অঙ্কনের জন্য প্রদত্ত ডেটা উত্স থেকে প্রাপ্ত হওয়া উচিত এমন দৃশ্যকে সংজ্ঞায়িত করে।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Dimensions(width, height)

চার্টের জন্য মাত্রা সেট করে।

পরামিতি

নাম টাইপ বর্ণনা
width Integer চার্টের প্রস্থ, পিক্সেলে।
height Integer চার্টের উচ্চতা, পিক্সেলে।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Legend Position(position)

চার্টের সাপেক্ষে কিংবদন্তীর অবস্থান নির্ধারণ করে। ডিফল্টরূপে, কোন কিংবদন্তি নেই।

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

পরামিতি

নাম টাইপ বর্ণনা
position Position কিংবদন্তির অবস্থান।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Legend Text Style(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 লেজেন্ড লেজেন্ডের জন্য ব্যবহার করা টেক্সট শৈলী।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Option(option, value)

এই চার্টের জন্য উন্নত বিকল্প সেট করে। এই চার্টের জন্য উপলব্ধ বিকল্পগুলি দেখুন। প্রদত্ত বিকল্পটি অবৈধ হলে এই পদ্ধতির কোন প্রভাব নেই।

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

পরামিতি

নাম টাইপ বর্ণনা
option String সেট করার অপশন।
value Object সেট করার মান।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Point Style(style)

লাইনে পয়েন্টের জন্য শৈলী সেট করে। ডিফল্টরূপে, পয়েন্টগুলির কোন নির্দিষ্ট শৈলী নেই এবং শুধুমাত্র লাইনটি দৃশ্যমান।

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

পরামিতি

নাম টাইপ বর্ণনা
style Point Style লাইনের বিন্দুর জন্য ব্যবহার করার শৈলী।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

এছাড়াও দেখুন

set Range(start, end)

চার্টের জন্য পরিসীমা সেট করে।

কোনো ডেটা পয়েন্ট রেঞ্জের বাইরে পড়লে, সেই ডেটা পয়েন্টগুলিকে অন্তর্ভুক্ত করার জন্য রেঞ্জটি প্রসারিত করা হয়।

পরামিতি

নাম টাইপ বর্ণনা
start Number ব্যাপ্তি অক্ষের সর্বনিম্ন গ্রিড লাইনের মান।
end Number ব্যাপ্তি অক্ষের সর্বোচ্চ গ্রিড লাইনের মান।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Stacked()

স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)। ডিফল্টরূপে, কোন স্ট্যাকিং নেই।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Title(chartTitle)

চার্টের শিরোনাম সেট করে। শিরোনামটি চার্টের উপরে কেন্দ্রে প্রদর্শিত হয়।

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

পরামিতি

নাম টাইপ বর্ণনা
chart Title String চার্ট শিরোনাম।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set Title Text Style(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 অবজেক্ট তৈরি করতে পারেন।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set XAxis Text Style(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 অবজেক্ট তৈরি করতে পারেন।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set XAxis Title(title)

অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। শিরোনাম কেন্দ্রীভূত এবং অক্ষ মান লেবেল নীচে প্রদর্শিত হয়. 

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

পরামিতি

নাম টাইপ বর্ণনা
title String X-অক্ষের জন্য শিরোনাম।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set XAxis Title Text Style(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 অবজেক্ট তৈরি করতে পারেন।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set YAxis Text Style(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 অবজেক্ট তৈরি করতে পারেন।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set YAxis Title(title)

উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। শিরোনাম কেন্দ্রীভূত এবং মান লেবেলের বাম দিকে প্রদর্শিত হয়। 

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

পরামিতি

নাম টাইপ বর্ণনা
title String Y-অক্ষের জন্য শিরোনাম।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

set YAxis Title Text Style(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 অবজেক্ট তৈরি করতে পারেন।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।

use Log Scale()

পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)। রেঞ্জ অক্ষ হল উল্লম্ব চার্টের জন্য উল্লম্ব অক্ষ (যেমন লাইন, এলাকা বা কলাম) এবং অনুভূমিক চার্টের জন্য অনুভূমিক অক্ষ (যেমন বার)।

প্রত্যাবর্তন

Area Chart Builder — এই বিল্ডার, চেইনিংয়ের জন্য দরকারী।