Class AreaChartBuilder

AreaChartBuilder

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

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

  // Create a data table with some sample data.
  var 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();

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

পদ্ধতি

পদ্ধতি রিটার্ন টাইপ সংক্ষিপ্ত বিবরণ
build() Chart চার্ট তৈরি করে।
reverseCategories() AreaChartBuilder ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে।
setBackgroundColor(cssValue) AreaChartBuilder চার্টের জন্য পটভূমির রঙ সেট করে।
setColors(cssValues) AreaChartBuilder চার্টে লাইনের জন্য রং সেট করে।
setDataSourceUrl(url) AreaChartBuilder ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়।
setDataTable(tableBuilder) AreaChartBuilder একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে।
setDataTable(table) AreaChartBuilder ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে।
setDataViewDefinition(dataViewDefinition) AreaChartBuilder চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।
setDimensions(width, height) AreaChartBuilder চার্টের জন্য মাত্রা সেট করে।
setLegendPosition(position) AreaChartBuilder চার্টের সাপেক্ষে কিংবদন্তীর অবস্থান নির্ধারণ করে।
setLegendTextStyle(textStyle) AreaChartBuilder লেজেন্ডের টেক্সট স্টাইল সেট করে।
setOption(option, value) AreaChartBuilder এই চার্টের জন্য উন্নত বিকল্প সেট করে।
setPointStyle(style) AreaChartBuilder লাইনে পয়েন্টের জন্য শৈলী সেট করে।
setRange(start, end) AreaChartBuilder চার্টের জন্য পরিসীমা সেট করে।
setStacked() AreaChartBuilder স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)।
setTitle(chartTitle) AreaChartBuilder চার্টের শিরোনাম সেট করে।
setTitleTextStyle(textStyle) AreaChartBuilder চার্ট শিরোনামের পাঠ্য শৈলী সেট করে।
setXAxisTextStyle(textStyle) AreaChartBuilder অনুভূমিক অক্ষ পাঠ শৈলী সেট করে।
setXAxisTitle(title) AreaChartBuilder অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে।
setXAxisTitleTextStyle(textStyle) AreaChartBuilder অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী সেট করে।
setYAxisTextStyle(textStyle) AreaChartBuilder উল্লম্ব অক্ষ পাঠ শৈলী সেট করে।
setYAxisTitle(title) AreaChartBuilder উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে।
setYAxisTitleTextStyle(textStyle) AreaChartBuilder উল্লম্ব অক্ষ শিরোনাম পাঠ শৈলী সেট করে।
useLogScale() AreaChartBuilder পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)।

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

build()

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

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

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

reverseCategories()

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

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setDataSourceUrl(url)

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

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setDataTable(tableBuilder)

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setDataTable(table)

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setDataViewDefinition(dataViewDefinition)

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setDimensions(width, height)

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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 কিংবদন্তির অবস্থান।

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setOption(option, value)

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

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setPointStyle(style)

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

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

setRange(start, end)

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

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setStacked()

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

setTitle(chartTitle)

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

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

পরামিতি

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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-অক্ষের জন্য শিরোনাম।

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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-অক্ষের জন্য শিরোনাম।

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।

useLogScale()

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

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

AreaChartBuilder — এই নির্মাতা, চেইন করার জন্য দরকারী।