স্ক্যাটার চার্ট তৈরির বিল্ডার। আরও বিস্তারিত জানতে গুগল চার্টস ডকুমেন্টেশন দেখুন।
এখানে একটি স্ক্যাটার চার্ট তৈরির উদাহরণ দেওয়া হলো। ডেটাগুলো একটি গুগল স্প্রেডশিট থেকে ইম্পোর্ট করা হয়েছে ।
// Get sample data from a spreadsheet. const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=C1%3AD' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; const chartBuilder = Charts.newScatterChart() .setTitle('Adjusted GDP & U.S. Population') .setXAxisTitle('U.S. Population (millions)') .setYAxisTitle('Adjusted GDP ($ billions)') .setDimensions(600, 500) .setLegendPosition(Charts.Position.NONE) .setDataSourceUrl(dataSourceUrl); const chart = chartBuilder.build();
পদ্ধতি
| পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
|---|---|---|
build() | Chart | চার্টটি তৈরি করে। |
set Background Color(cssValue) | Scatter Chart Builder | চার্টের পটভূমির রঙ নির্ধারণ করে। |
set Colors(cssValues) | Scatter Chart Builder | চার্টের লাইনগুলোর রং নির্ধারণ করে। |
set Data Source Url(url) | Scatter Chart Builder | ডেটা সোর্স ইউআরএল সেট করে, যা গুগল শিটস-এর মতো কোনো বাহ্যিক উৎস থেকে ডেটা আনার জন্য ব্যবহৃত হয়। |
set Data Table(tableBuilder) | Scatter Chart Builder | DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহৃত ডেটা টেবিলটি নির্ধারণ করা হয়। |
set Data Table(table) | Scatter Chart Builder | ডেটা টেবিলটি সেট করে, যেটিতে চার্টের লাইন এবং এক্স-অক্ষের লেবেলগুলো থাকে। |
set Data View Definition(dataViewDefinition) | Scatter Chart Builder | চার্টের জন্য ব্যবহৃত ডেটা ভিউ ডেফিনিশন নির্ধারণ করে। |
set Dimensions(width, height) | Scatter Chart Builder | চার্টের মাত্রা নির্ধারণ করে। |
set Legend Position(position) | Scatter Chart Builder | চার্টের সাপেক্ষে লেজেন্ডের অবস্থান নির্ধারণ করে। |
set Legend Text Style(textStyle) | Scatter Chart Builder | চার্ট লেজেন্ডের টেক্সট স্টাইল নির্ধারণ করে। |
set Option(option, value) | Scatter Chart Builder | এই চার্টের জন্য উন্নত বিকল্পসমূহ সেট করে। |
set Point Style(style) | Scatter Chart Builder | লাইনের বিন্দুগুলোর শৈলী নির্ধারণ করে। |
set Title(chartTitle) | Scatter Chart Builder | চার্টের শিরোনাম নির্ধারণ করে। |
set Title Text Style(textStyle) | Scatter Chart Builder | চার্টের শিরোনামের টেক্সট স্টাইল নির্ধারণ করে। |
set XAxis Log Scale() | Scatter Chart Builder | অনুভূমিক অক্ষকে লগারিদমিক স্কেলে পরিণত করে (এর জন্য সমস্ত মান ধনাত্মক হতে হবে)। |
set XAxis Range(start, end) | Scatter Chart Builder | চার্টের অনুভূমিক অক্ষের পরিসর নির্ধারণ করে। |
set XAxis Text Style(textStyle) | Scatter Chart Builder | অনুভূমিক অক্ষের টেক্সট স্টাইল নির্ধারণ করে। |
set XAxis Title(title) | Scatter Chart Builder | অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। |
set XAxis Title Text Style(textStyle) | Scatter Chart Builder | অনুভূমিক অক্ষের শিরোনাম লেখার শৈলী নির্ধারণ করে। |
set YAxis Log Scale() | Scatter Chart Builder | উল্লম্ব অক্ষকে লগারিদমিক স্কেলে পরিণত করে (এর জন্য সমস্ত মান ধনাত্মক হতে হবে)। |
set YAxis Range(start, end) | Scatter Chart Builder | চার্টের উল্লম্ব অক্ষের পরিসর নির্ধারণ করে। |
set YAxis Text Style(textStyle) | Scatter Chart Builder | উল্লম্ব অক্ষের টেক্সট স্টাইল নির্ধারণ করে। |
set YAxis Title(title) | Scatter Chart Builder | উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। |
set YAxis Title Text Style(textStyle) | Scatter Chart Builder | উল্লম্ব অক্ষের শিরোনাম লেখার শৈলী নির্ধারণ করে। |
বিস্তারিত ডকুমেন্টেশন
build()
চার্টটি তৈরি করে।
ফেরত
Chart — একটি চার্ট অবজেক্ট, যা ডকুমেন্ট বা UI এলিমেন্টে এমবেড করা যায়, অথবা একটি স্থির চিত্র হিসেবে ব্যবহার করা যায়।
setBackgroundColor(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" )। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setColors(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"] । অ্যারের n-তম উপাদানটি চার্টের n-তম লাইনের রঙ নির্দেশ করে। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setDataSourceUrl(url)
গুগল শিটসের মতো কোনো বাহ্যিক উৎস থেকে ডেটা আনার জন্য ব্যবহৃত ডেটা সোর্স ইউআরএল সেট করে। যদি একটি ডেটা সোর্স ইউআরএল এবং একটি ডেটাটেবিল উভয়ই প্রদান করা হয়, তবে ডেটা সোর্স ইউআরএলটি উপেক্ষা করা হয়।
ডেটা সোর্স কোয়েরি করার বিষয়ে আরও তথ্যের জন্য, গুগল চার্টস ডকুমেন্টেশন দেখুন।
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
url | String | যেকোনো কোয়েরি প্যারামিটার সহ ডেটা সোর্স ইউআরএল। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setDataTable(tableBuilder)
DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহৃত ডেটা টেবিলটি সেট করে। এটি build() কল না করেই ডেটা টেবিল সেট করার একটি সুবিধাজনক পদ্ধতি।
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
table Builder | Data Table Builder | একটি ডেটা টেবিল বিল্ডার। এই কলের অংশ হিসেবে তাৎক্ষণিকভাবে একটি নতুন ডেটা টেবিল তৈরি হয়ে যায়, তাই বিল্ডারে করা পরবর্তী কোনো আপডেট চার্টে প্রতিফলিত হবে না। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setDataTable(table)
চার্টের লাইন এবং এক্স-অক্ষের লেবেল ধারণকারী ডেটা টেবিলটি সেট করে। প্রথম কলামটি একটি স্ট্রিং হবে এবং এতে অনুভূমিক অক্ষের লেবেল থাকবে। এর পরে যেকোনো সংখ্যক কলাম থাকতে পারে, তবে সবগুলো অবশ্যই সংখ্যাসূচক হতে হবে। প্রতিটি কলাম একটি পৃথক লাইন হিসাবে প্রদর্শিত হয়।
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
table | Data Table Source | চার্টের জন্য ব্যবহৃত ডেটা টেবিল। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setDataViewDefinition(dataViewDefinition)
চার্টের জন্য ব্যবহৃত ডেটা ভিউ ডেফিনিশন নির্ধারণ করে।
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
data View Definition | Data View Definition | একটি ডেটা ভিউ ডেফিনিশন অবজেক্ট, যা চার্ট অঙ্কনের জন্য প্রদত্ত ডেটা সোর্স থেকে প্রাপ্ত ভিউটিকে সংজ্ঞায়িত করে। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setDimensions(width, height)
চার্টের মাত্রা নির্ধারণ করে।
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
width | Integer | চার্টটির প্রস্থ, পিক্সেলে। |
height | Integer | চার্টটির উচ্চতা, পিক্সেলে। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setLegendPosition(position)
চার্টের সাপেক্ষে লেজেন্ডের অবস্থান নির্ধারণ করে। ডিফল্টরূপে, কোনো লেজেন্ড থাকে না।
// Creates a line chart builder and sets the legend position to right. const builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
position | Position | কিংবদন্তির অবস্থান। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setLegendTextStyle(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 | চার্ট লেজেন্ডের জন্য ব্যবহৃত টেক্সট স্টাইল। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setOption(option, value)
এই চার্টের জন্য উন্নত বিকল্পসমূহ নির্ধারণ করে। এই চার্টের জন্য উপলব্ধ বিকল্পগুলি দেখুন। প্রদত্ত বিকল্পটি অবৈধ হলে এই পদ্ধতির কোনো প্রভাব থাকবে না।
// Build a scatter chart with a 1-second animation duration. const builder = Charts.newScatterChart(); builder.setOption('animation.duration', 1000); const chart = builder.build();
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
option | String | সেট করার বিকল্প। |
value | Object | যে মানটি নির্ধারণ করতে হবে। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setPointStyle(style)
লাইনের পয়েন্টগুলোর স্টাইল নির্ধারণ করে। ডিফল্টরূপে, পয়েন্টগুলোর কোনো নির্দিষ্ট স্টাইল থাকে না এবং শুধুমাত্র লাইনটিই দৃশ্যমান থাকে।
// Creates a line chart builder and sets large point style. const builder = Charts.newLineChart(); builder.setPointStyle(Charts.PointStyle.LARGE);
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
style | Point Style | লাইনের বিন্দুগুলোর জন্য ব্যবহারযোগ্য স্টাইল। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
আরও দেখুন
setTitle(chartTitle)
চার্টের শিরোনাম নির্ধারণ করে। শিরোনামটি চার্টের উপরে মাঝখানে প্রদর্শিত হয়।
// Creates a line chart builder and title to 'My Line Chart'. const builder = Charts.newLineChart(); builder.setTitle('My Line Chart');
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
chart Title | String | চার্টের শিরোনাম। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setTitleTextStyle(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 অবজেক্ট তৈরি করতে পারেন। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setXAxisLogScale()
অনুভূমিক অক্ষকে লগারিদমিক স্কেলে পরিণত করে (এর জন্য সমস্ত মান ধনাত্মক হতে হবে)।
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setXAxisRange(start, end)
চার্টের অনুভূমিক অক্ষের পরিসর নির্ধারণ করে।
যদি কোনো ডেটা পয়েন্ট পরিসরের বাইরে চলে যায়, তাহলে সেই ডেটা পয়েন্টগুলোকে অন্তর্ভুক্ত করার জন্য পরিসরটি প্রসারিত করা হয়।
// Creates a scatter chart builder and sets the X-axis range to be 0 to 100. const builder = Charts.newTableChart(); builder.setXAxisRange(0, 100);
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
start | Number | অনুভূমিক অক্ষের সর্বনিম্ন গ্রিড লাইনের মান। |
end | Number | অনুভূমিক অক্ষের সর্বোচ্চ গ্রিড লাইনের মান। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setXAxisTextStyle(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 অবজেক্ট তৈরি করতে পারেন। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setXAxisTitle(title)
অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। শিরোনামটি কেন্দ্রে থাকে এবং অক্ষের মান লেবেলগুলির নীচে প্রদর্শিত হয়।
// Creates a line chart builder and sets the X-axis title. const builder = Charts.newLineChart(); builder.setTitle('X-axis Title');
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
title | String | এক্স-অক্ষের শিরোনাম। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setXAxisTitleTextStyle(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 অবজেক্ট তৈরি করতে পারেন। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setYAxisLogScale()
উল্লম্ব অক্ষকে লগারিদমিক স্কেলে পরিণত করে (এর জন্য সমস্ত মান ধনাত্মক হতে হবে)।
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setYAxisRange(start, end)
চার্টের উল্লম্ব অক্ষের জন্য পরিসর নির্ধারণ করে। যদি কোনো ডেটা পয়েন্ট পরিসরের বাইরে চলে যায়, তবে সেই ডেটা পয়েন্টগুলোকে অন্তর্ভুক্ত করার জন্য পরিসরটি প্রসারিত করা হয়।
// Creates a scatter chart builder and sets the Y-axis range to be 0 to 100. const builder = Charts.newTableChart(); builder.setYAxisRange(0, 100);
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
start | Number | উল্লম্ব অক্ষের সর্বনিম্ন গ্রিড লাইনের মান। |
end | Number | উল্লম্ব অক্ষের সর্বোচ্চ গ্রিড লাইনের মান। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setYAxisTextStyle(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 অবজেক্ট তৈরি করতে পারেন। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setYAxisTitle(title)
উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। শিরোনামটি কেন্দ্রে থাকে এবং মান লেবেলগুলির বাম দিকে প্রদর্শিত হয়।
// Creates a line chart builder and sets the Y-axis title. const builder = Charts.newLineChart(); builder.setYAxisTitle('Y-axis Title');
প্যারামিটার
| নাম | প্রকার | বর্ণনা |
|---|---|---|
title | String | Y-অক্ষের শিরোনাম। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।
setYAxisTitleTextStyle(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 অবজেক্ট তৈরি করতে পারেন। |
ফেরত
ScatterChartBuilder — এই বিল্ডারটি চেইনিংয়ের জন্য উপযোগী।