লাইন চার্ট জন্য নির্মাতা. আরো বিস্তারিত জানার জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
এখানে একটি উদাহরণ রয়েছে যা দেখায় কিভাবে একটি লাইন চার্ট তৈরি করতে হয়। ডেটা Google স্প্রেডশীট থেকে আমদানি করা হয়।
// Get sample data from a spreadsheet. const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AG5' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=2&headers=-1'; const chartBuilder = Charts.newLineChart() .setTitle('Yearly Rainfall') .setXAxisTitle('Month') .setYAxisTitle('Rainfall (in)') .setDimensions(600, 500) .setCurveStyle(Charts.CurveStyle.SMOOTH) .setPointStyle(Charts.PointStyle.MEDIUM) .setDataSourceUrl(dataSourceUrl); const chart = chartBuilder.build();
পদ্ধতি
পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
---|---|---|
build() | Chart | চার্ট তৈরি করে। |
reverse Categories() | Line Chart Builder | ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে। |
set Background Color(cssValue) | Line Chart Builder | চার্টের জন্য পটভূমির রঙ সেট করে। |
set Colors(cssValues) | Line Chart Builder | চার্টে লাইনের জন্য রং সেট করে। |
set Curve Style(style) | Line Chart Builder | চার্টে বক্ররেখার জন্য ব্যবহার করার শৈলী সেট করে। |
set Data Source Url(url) | Line Chart Builder | ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। |
set Data Table(tableBuilder) | Line Chart Builder | একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। |
set Data Table(table) | Line Chart Builder | ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। |
set Data View Definition(dataViewDefinition) | Line Chart Builder | চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে। |
set Dimensions(width, height) | Line Chart Builder | চার্টের জন্য মাত্রা সেট করে। |
set Legend Position(position) | Line Chart Builder | চার্টের সাপেক্ষে কিংবদন্তির অবস্থান নির্ধারণ করে। |
set Legend Text Style(textStyle) | Line Chart Builder | লেজেন্ডের টেক্সট স্টাইল সেট করে। |
set Option(option, value) | Line Chart Builder | এই চার্টের জন্য উন্নত বিকল্প সেট করে। |
set Point Style(style) | Line Chart Builder | লাইনে পয়েন্টের জন্য শৈলী সেট করে। |
set Range(start, end) | Line Chart Builder | চার্টের জন্য পরিসীমা সেট করে। |
set Title(chartTitle) | Line Chart Builder | চার্টের শিরোনাম সেট করে। |
set Title Text Style(textStyle) | Line Chart Builder | চার্ট শিরোনামের পাঠ্য শৈলী সেট করে। |
set XAxis Text Style(textStyle) | Line Chart Builder | অনুভূমিক অক্ষ পাঠ শৈলী সেট করে। |
set XAxis Title(title) | Line Chart Builder | অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। |
set XAxis Title Text Style(textStyle) | Line Chart Builder | অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
set YAxis Text Style(textStyle) | Line Chart Builder | উল্লম্ব অক্ষ পাঠ শৈলী সেট করে। |
set YAxis Title(title) | Line Chart Builder | উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। |
set YAxis Title Text Style(textStyle) | Line Chart Builder | উল্লম্ব অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
use Log Scale() | Line 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();
প্রত্যাবর্তন
Line 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" )। |
প্রত্যাবর্তন
Line 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 লাইনের রঙকে উপস্থাপন করে। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Curve Style(style)
চার্টে বক্ররেখার জন্য ব্যবহার করার শৈলী সেট করে। অনুমোদিত বক্র শৈলীর জন্য Curve Style
দেখুন।
// Creates a line chart builder and curves the lines in the chart. const builder = Charts.newLineChart(); builder.setCurveStyle(Charts.CurveStyle.SMOOTH);
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
style | Curve Style | চার্টে বক্ররেখার শৈলী। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
এছাড়াও দেখুন
set Data Source Url(url)
ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। একটি ডেটা উৎস URL এবং একটি DataTable প্রদান করা হলে, ডেটা উত্স URL উপেক্ষা করা হয়৷
তথ্য উৎস অনুসন্ধান সম্পর্কে আরও তথ্যের জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
url | String | যেকোন কোয়েরি প্যারামিটার সহ ডেটা উৎস URL। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Data Table(tableBuilder)
একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। build()
কল করার প্রয়োজন ছাড়াই ডেটা টেবিল সেট করার জন্য এটি একটি সুবিধাজনক পদ্ধতি।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
table Builder | Data Table Builder | একটি ডেটা টেবিল নির্মাতা। এই কলের অংশ হিসাবে একটি নতুন ডেটা টেবিল তাত্ক্ষণিকভাবে তৈরি করা হয়েছে, তাই নির্মাতার পরবর্তী কোনো আপডেট চার্টে প্রতিফলিত হবে না। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Data Table(table)
ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। প্রথম কলামটি একটি স্ট্রিং হওয়া উচিত এবং অনুভূমিক অক্ষ লেবেলগুলি ধারণ করে৷ যেকোন সংখ্যক কলাম অনুসরণ করতে পারে, সবগুলো অবশ্যই সংখ্যাসূচক হতে হবে। প্রতিটি কলাম একটি পৃথক লাইন হিসাবে প্রদর্শিত হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
table | Data Table Source | চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Data View Definition(dataViewDefinition)
চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
data View Definition | Data View Definition | একটি ডেটা ভিউ ডেফিনেশন অবজেক্ট যা চার্ট অঙ্কনের জন্য প্রদত্ত ডেটা উত্স থেকে প্রাপ্ত হওয়া উচিত এমন দৃশ্যকে সংজ্ঞায়িত করে। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Dimensions(width, height)
চার্টের জন্য মাত্রা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
width | Integer | চার্টের প্রস্থ, পিক্সেলে। |
height | Integer | চার্টের উচ্চতা, পিক্সেলে। |
প্রত্যাবর্তন
Line 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 | কিংবদন্তির অবস্থান। |
প্রত্যাবর্তন
Line 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 | লেজেন্ড লেজেন্ডের জন্য ব্যবহার করা টেক্সট শৈলী। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
set Option(option, value)
এই চার্টের জন্য উন্নত বিকল্প সেট করে। এই চার্টের জন্য উপলব্ধ বিকল্পগুলি দেখুন। প্রদত্ত বিকল্পটি অবৈধ হলে এই পদ্ধতির কোন প্রভাব নেই।
// Build a line chart with a 1-second animation duration. const builder = Charts.newLineChart(); builder.setOption('animation.duration', 1000); const chart = builder.build();
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
option | String | সেট করার বিকল্প। |
value | Object | সেট করার মান। |
প্রত্যাবর্তন
Line 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 | লাইনে পয়েন্টের জন্য ব্যবহার করার স্টাইল। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
এছাড়াও দেখুন
set Range(start, end)
চার্টের জন্য পরিসীমা সেট করে।
যদি কোনো ডেটা পয়েন্ট সীমার বাইরে পড়ে, সেই ডেটা পয়েন্টগুলিকে অন্তর্ভুক্ত করতে পরিসরটি প্রসারিত করা হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
start | Number | ব্যাপ্তি অক্ষের সর্বনিম্ন গ্রিড লাইনের মান। |
end | Number | ব্যাপ্তি অক্ষের সর্বোচ্চ গ্রিড লাইনের মান। |
প্রত্যাবর্তন
Line 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 | চার্ট শিরোনাম। |
প্রত্যাবর্তন
Line 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Line 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Line 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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
Line 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Line 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Line 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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
Line 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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।
use Log Scale()
পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)। রেঞ্জ অক্ষ হল উল্লম্ব চার্টের জন্য উল্লম্ব অক্ষ (যেমন লাইন, এলাকা বা কলাম) এবং অনুভূমিক চার্টের জন্য অনুভূমিক অক্ষ (যেমন বার)।
প্রত্যাবর্তন
Line Chart Builder
- এই নির্মাতা, চেইনিংয়ের জন্য দরকারী।