কলাম চার্ট জন্য নির্মাতা. আরও বিস্তারিত জানার জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
এই উদাহরণটি দেখায় কিভাবে একটি ডেটা টেবিল থেকে ডেটা সহ একটি কলাম চার্ট তৈরি করতে হয়।
const sampleData = Charts.newDataTable() .addColumn(Charts.ColumnType.STRING, 'Year') .addColumn(Charts.ColumnType.NUMBER, 'Sales') .addColumn(Charts.ColumnType.NUMBER, 'Expenses') .addRow(['2004', 1000, 400]) .addRow(['2005', 1170, 460]) .addRow(['2006', 660, 1120]) .addRow(['2007', 1030, 540]) .addRow(['2008', 800, 600]) .addRow(['2009', 943, 678]) .addRow(['2010', 1020, 550]) .addRow(['2011', 910, 700]) .addRow(['2012', 1230, 840]) .build(); const chart = Charts.newColumnChart() .setTitle('Sales & Expenses') .setXAxisTitle('Year') .setYAxisTitle('Amount (USD)') .setDimensions(600, 500) .setDataTable(sampleData) .build();
পদ্ধতি
পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
---|---|---|
build() | Chart | চার্ট তৈরি করে। |
reverse Categories() | Column Chart Builder | ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে। |
set Background Color(cssValue) | Column Chart Builder | চার্টের জন্য পটভূমির রঙ সেট করে। |
set Colors(cssValues) | Column Chart Builder | চার্টে লাইনের জন্য রং সেট করে। |
set Data Source Url(url) | Column Chart Builder | ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। |
set Data Table(tableBuilder) | Column Chart Builder | একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। |
set Data Table(table) | Column Chart Builder | ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। |
set Data View Definition(dataViewDefinition) | Column Chart Builder | চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে। |
set Dimensions(width, height) | Column Chart Builder | চার্টের জন্য মাত্রা সেট করে। |
set Legend Position(position) | Column Chart Builder | চার্টের সাপেক্ষে কিংবদন্তীর অবস্থান নির্ধারণ করে। |
set Legend Text Style(textStyle) | Column Chart Builder | লেজেন্ডের টেক্সট স্টাইল সেট করে। |
set Option(option, value) | Column Chart Builder | এই চার্টের জন্য উন্নত বিকল্প সেট করে। |
set Range(start, end) | Column Chart Builder | চার্টের জন্য পরিসীমা সেট করে। |
set Stacked() | Column Chart Builder | স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)। |
set Title(chartTitle) | Column Chart Builder | চার্টের শিরোনাম সেট করে। |
set Title Text Style(textStyle) | Column Chart Builder | চার্ট শিরোনামের পাঠ্য শৈলী সেট করে। |
set XAxis Text Style(textStyle) | Column Chart Builder | অনুভূমিক অক্ষ পাঠ শৈলী সেট করে। |
set XAxis Title(title) | Column Chart Builder | অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। |
set XAxis Title Text Style(textStyle) | Column Chart Builder | অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
set YAxis Text Style(textStyle) | Column Chart Builder | উল্লম্ব অক্ষ পাঠ শৈলী সেট করে। |
set YAxis Title(title) | Column Chart Builder | উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। |
set YAxis Title Text Style(textStyle) | Column Chart Builder | উল্লম্ব অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
use Log Scale() | Column 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();
প্রত্যাবর্তন
Column 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" )। |
প্রত্যাবর্তন
Column 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 লাইনের রঙকে উপস্থাপন করে। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Data Source Url(url)
ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। একটি ডেটা উৎস URL এবং একটি DataTable প্রদান করা হলে, ডেটা উত্স URL উপেক্ষা করা হয়৷
তথ্য উৎস অনুসন্ধান সম্পর্কে আরও তথ্যের জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
url | String | যেকোন কোয়েরি প্যারামিটার সহ ডেটা উৎস URL। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Data Table(tableBuilder)
একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। এটি build()
কল করার প্রয়োজন ছাড়াই ডেটা টেবিল সেট করার জন্য একটি সুবিধাজনক পদ্ধতি।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
table Builder | Data Table Builder | একটি ডেটা টেবিল নির্মাতা। এই কলের অংশ হিসাবে একটি নতুন ডেটা টেবিল তাত্ক্ষণিকভাবে তৈরি করা হয়েছে, তাই নির্মাতার পরবর্তী আপডেটগুলি চার্টে প্রতিফলিত হবে না। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Data Table(table)
ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। প্রথম কলামটি একটি স্ট্রিং হওয়া উচিত এবং অনুভূমিক অক্ষের লেবেলগুলি ধারণ করে৷ যেকোন সংখ্যক কলাম অনুসরণ করতে পারে, সবগুলো অবশ্যই সংখ্যাসূচক হতে হবে। প্রতিটি কলাম একটি পৃথক লাইন হিসাবে প্রদর্শিত হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
table | Data Table Source | চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Data View Definition(dataViewDefinition)
চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
data View Definition | Data View Definition | একটি ডেটা ভিউ ডেফিনেশন অবজেক্ট যা চার্ট অঙ্কনের জন্য প্রদত্ত ডেটা উত্স থেকে প্রাপ্ত হওয়া উচিত এমন দৃশ্যকে সংজ্ঞায়িত করে। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Dimensions(width, height)
চার্টের জন্য মাত্রা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
width | Integer | চার্টের প্রস্থ, পিক্সেলে। |
height | Integer | চার্টের উচ্চতা, পিক্সেলে। |
প্রত্যাবর্তন
Column 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 | কিংবদন্তির অবস্থান। |
প্রত্যাবর্তন
Column 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 | লেজেন্ড লেজেন্ডের জন্য ব্যবহার করা টেক্সট শৈলী। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Option(option, value)
এই চার্টের জন্য উন্নত বিকল্প সেট করে। এই চার্টের জন্য উপলব্ধ বিকল্পগুলি দেখুন। প্রদত্ত বিকল্পটি অবৈধ হলে এই পদ্ধতির কোন প্রভাব নেই।
// Build a column chart with a 1-second animation duration. const builder = Charts.newColumnChart(); builder.setOption('animation.duration', 1000); const chart = builder.build();
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
option | String | সেট করার অপশন। |
value | Object | সেট করার মান। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Range(start, end)
চার্টের জন্য পরিসীমা সেট করে।
কোনো ডেটা পয়েন্ট রেঞ্জের বাইরে পড়লে, সেই ডেটা পয়েন্টগুলিকে অন্তর্ভুক্ত করার জন্য রেঞ্জটি প্রসারিত করা হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
start | Number | ব্যাপ্তি অক্ষের সর্বনিম্ন গ্রিড লাইনের মান। |
end | Number | ব্যাপ্তি অক্ষের সর্বোচ্চ গ্রিড লাইনের মান। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
set Stacked()
স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)। ডিফল্টরূপে, কোন স্ট্যাকিং নেই।
প্রত্যাবর্তন
Column 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 | চার্ট শিরোনাম। |
প্রত্যাবর্তন
Column 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Column 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Column 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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
Column 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Column 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Column 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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
Column 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
use Log Scale()
পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)। রেঞ্জ অক্ষ হল উল্লম্ব চার্টের জন্য উল্লম্ব অক্ষ (যেমন লাইন, এলাকা বা কলাম) এবং অনুভূমিক চার্টের জন্য অনুভূমিক অক্ষ (যেমন বার)।
প্রত্যাবর্তন
Column Chart Builder
— এই নির্মাতা, চেইন করার জন্য দরকারী।