কলাম চার্ট জন্য নির্মাতা. আরও বিস্তারিত জানার জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
এই উদাহরণটি দেখায় কিভাবে একটি ডেটা টেবিল থেকে ডেটা সহ একটি কলাম চার্ট তৈরি করতে হয়।
var 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(); var chart = Charts.newColumnChart() .setTitle('Sales & Expenses') .setXAxisTitle('Year') .setYAxisTitle('Amount (USD)') .setDimensions(600, 500) .setDataTable(sampleData) .build();
পদ্ধতি
পদ্ধতি | রিটার্ন টাইপ | সংক্ষিপ্ত বিবরণ |
---|---|---|
build() | Chart | চার্ট তৈরি করে। |
reverseCategories() | ColumnChartBuilder | ডোমেন অক্ষে সিরিজের অঙ্কনকে বিপরীত করে। |
setBackgroundColor(cssValue) | ColumnChartBuilder | চার্টের জন্য পটভূমির রঙ সেট করে। |
setColors(cssValues) | ColumnChartBuilder | চার্টে লাইনের জন্য রং সেট করে। |
setDataSourceUrl(url) | ColumnChartBuilder | ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। |
setDataTable(tableBuilder) | ColumnChartBuilder | একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। |
setDataTable(table) | ColumnChartBuilder | ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। |
setDataViewDefinition(dataViewDefinition) | ColumnChartBuilder | চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে। |
setDimensions(width, height) | ColumnChartBuilder | চার্টের জন্য মাত্রা সেট করে। |
setLegendPosition(position) | ColumnChartBuilder | চার্টের সাপেক্ষে কিংবদন্তীর অবস্থান নির্ধারণ করে। |
setLegendTextStyle(textStyle) | ColumnChartBuilder | লেজেন্ডের টেক্সট স্টাইল সেট করে। |
setOption(option, value) | ColumnChartBuilder | এই চার্টের জন্য উন্নত বিকল্প সেট করে। |
setRange(start, end) | ColumnChartBuilder | চার্টের জন্য পরিসীমা সেট করে। |
setStacked() | ColumnChartBuilder | স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)। |
setTitle(chartTitle) | ColumnChartBuilder | চার্টের শিরোনাম সেট করে। |
setTitleTextStyle(textStyle) | ColumnChartBuilder | চার্ট শিরোনামের পাঠ্য শৈলী সেট করে। |
setXAxisTextStyle(textStyle) | ColumnChartBuilder | অনুভূমিক অক্ষ পাঠ শৈলী সেট করে। |
setXAxisTitle(title) | ColumnChartBuilder | অনুভূমিক অক্ষে একটি শিরোনাম যোগ করে। |
setXAxisTitleTextStyle(textStyle) | ColumnChartBuilder | অনুভূমিক অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
setYAxisTextStyle(textStyle) | ColumnChartBuilder | উল্লম্ব অক্ষ পাঠ শৈলী সেট করে। |
setYAxisTitle(title) | ColumnChartBuilder | উল্লম্ব অক্ষে একটি শিরোনাম যোগ করে। |
setYAxisTitleTextStyle(textStyle) | ColumnChartBuilder | উল্লম্ব অক্ষ শিরোনাম পাঠ শৈলী সেট করে। |
useLogScale() | ColumnChartBuilder | পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)। |
বিস্তারিত ডকুমেন্টেশন
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();
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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" )। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 লাইনের রঙকে উপস্থাপন করে। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setDataSourceUrl(url)
ডেটা উৎসের URL সেট করে যা Google পত্রকের মতো বাহ্যিক উৎস থেকে ডেটা আনতে ব্যবহৃত হয়। একটি ডেটা উৎস URL এবং একটি DataTable প্রদান করা হলে, ডেটা উত্স URL উপেক্ষা করা হয়৷
তথ্য উৎস অনুসন্ধান সম্পর্কে আরও তথ্যের জন্য, Google চার্ট ডকুমেন্টেশন দেখুন।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
url | String | যেকোন কোয়েরি প্যারামিটার সহ ডেটা উৎস URL। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setDataTable(tableBuilder)
একটি DataTableBuilder ব্যবহার করে চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল সেট করে। এটি build()
কল করার প্রয়োজন ছাড়াই ডেটা টেবিল সেট করার জন্য একটি সুবিধাজনক পদ্ধতি।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
tableBuilder | DataTableBuilder | একটি ডেটা টেবিল নির্মাতা। এই কলের অংশ হিসাবে একটি নতুন ডেটা টেবিল তাত্ক্ষণিকভাবে তৈরি করা হয়েছে, তাই নির্মাতার পরবর্তী আপডেটগুলি চার্টে প্রতিফলিত হবে না। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setDataTable(table)
ডাটা টেবিল সেট করে যাতে চার্টের লাইন, সেইসাথে X-অক্ষ লেবেল থাকে। প্রথম কলামটি একটি স্ট্রিং হওয়া উচিত এবং অনুভূমিক অক্ষের লেবেলগুলি ধারণ করে৷ যেকোন সংখ্যক কলাম অনুসরণ করতে পারে, সবগুলো অবশ্যই সংখ্যাসূচক হতে হবে। প্রতিটি কলাম একটি পৃথক লাইন হিসাবে প্রদর্শিত হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
table | DataTableSource | চার্টের জন্য ব্যবহার করার জন্য ডেটা টেবিল। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setDataViewDefinition(dataViewDefinition)
চার্টের জন্য ব্যবহার করার জন্য ডেটা ভিউ সংজ্ঞা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
dataViewDefinition | DataViewDefinition | একটি ডেটা ভিউ ডেফিনেশন অবজেক্ট যা চার্ট অঙ্কনের জন্য প্রদত্ত ডেটা উত্স থেকে প্রাপ্ত হওয়া উচিত এমন দৃশ্যকে সংজ্ঞায়িত করে। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setDimensions(width, height)
চার্টের জন্য মাত্রা সেট করে।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
width | Integer | চার্টের প্রস্থ, পিক্সেলে। |
height | Integer | চার্টের উচ্চতা, পিক্সেলে। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 | কিংবদন্তির অবস্থান। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 | লেজেন্ড লেজেন্ডের জন্য ব্যবহার করা টেক্সট শৈলী। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setOption(option, value)
এই চার্টের জন্য উন্নত বিকল্প সেট করে। এই চার্টের জন্য উপলব্ধ বিকল্পগুলি দেখুন। প্রদত্ত বিকল্পটি অবৈধ হলে এই পদ্ধতির কোন প্রভাব নেই।
// Build a column chart with a 1-second animation duration. var builder = Charts.newColumnChart(); builder.setOption('animation.duration', 1000); var chart = builder.build();
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
option | String | সেট করার অপশন। |
value | Object | সেট করার মান। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setRange(start, end)
চার্টের জন্য পরিসীমা সেট করে।
কোনো ডেটা পয়েন্ট রেঞ্জের বাইরে পড়লে, সেই ডেটা পয়েন্টগুলিকে অন্তর্ভুক্ত করার জন্য রেঞ্জটি প্রসারিত করা হয়।
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
start | Number | ব্যাপ্তি অক্ষের সর্বনিম্ন গ্রিড লাইনের মান। |
end | Number | ব্যাপ্তি অক্ষের সর্বোচ্চ গ্রিড লাইনের মান। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setStacked()
স্তুপীকৃত লাইন ব্যবহার করে, যার অর্থ লাইন এবং বারের মানগুলি স্ট্যাক করা (সঞ্চিত)। ডিফল্টরূপে, কোন স্ট্যাকিং নেই।
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
setTitle(chartTitle)
চার্টের শিরোনাম সেট করে। শিরোনামটি চার্টের উপরে কেন্দ্রে প্রদর্শিত হয়।
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
পরামিতি
নাম | টাইপ | বর্ণনা |
---|---|---|
chartTitle | String | চার্ট শিরোনাম। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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-অক্ষের জন্য শিরোনাম। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
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 অবজেক্ট তৈরি করতে পারেন। |
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।
useLogScale()
পরিসরের অক্ষকে লগারিদমিক স্কেলে পরিণত করে (সমস্ত মান ধনাত্মক হওয়া প্রয়োজন)। রেঞ্জ অক্ষ হল উল্লম্ব চার্টের জন্য উল্লম্ব অক্ষ (যেমন লাইন, এলাকা বা কলাম) এবং অনুভূমিক চার্টের জন্য অনুভূমিক অক্ষ (যেমন বার)।
প্রত্যাবর্তন
ColumnChartBuilder
— এই নির্মাতা, চেইন করার জন্য দরকারী।