Class ColumnChartBuilder

कॉलमचार्टबिल्डर

कॉलम चार्ट के लिए बिल्डर. ज़्यादा जानकारी के लिए, 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डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल Google Sheets जैसे किसी बाहरी सोर्स से डेटा इंपोर्ट करने के लिए किया जाता है.
setDataTable(tableBuilder)ColumnChartBuilderDataTableBuilder का इस्तेमाल करके चार्ट के लिए इस्तेमाल करने के लिए डेटा टेबल सेट करता है.
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 — चार्ट ऑब्जेक्ट, जिसे दस्तावेज़ों, यूज़र इंटरफ़ेस (यूआई) एलिमेंट में एम्बेड किया जा सकता है या स्टैटिक इमेज के तौर पर इस्तेमाल किया जा सकता है.


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

पैरामीटर

नामटाइपब्यौरा
cssValueStringरंग की सीएसएस वैल्यू (जैसे कि "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"]);

पैरामीटर

नामटाइपब्यौरा
cssValuesString[]रंगीन सीएसएस वैल्यू की कैटगरी, जैसे कि ["red", "#acf"]. श्रेणी में nवां एलिमेंट, चार्ट में nवीं लाइन का रंग दिखाता है.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataSourceUrl(url)

डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल Google Sheets जैसे किसी बाहरी सोर्स से डेटा इंपोर्ट करने के लिए किया जाता है. अगर डेटा सोर्स का यूआरएल और DataTable दिया जाता है, तो डेटा सोर्स के यूआरएल को अनदेखा कर दिया जाता है.

डेटा सोर्स की क्वेरी करने के बारे में ज़्यादा जानकारी के लिए, Google चार्ट का दस्तावेज़ देखें.

पैरामीटर

नामटाइपब्यौरा
urlStringकिसी भी क्वेरी पैरामीटर के साथ डेटा सोर्स का यूआरएल.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataTable(tableBuilder)

DataTableBuilder का इस्तेमाल करके चार्ट के लिए इस्तेमाल करने के लिए डेटा टेबल सेट करता है. यह build() को कॉल किए बिना, डेटा टेबल सेट करने की सुविधा है.

पैरामीटर

नामटाइपब्यौरा
tableBuilderDataTableBuilderडेटा टेबल बिल्डर. इस कॉल के दौरान, एक नया डेटा टेबल तुरंत बनाया जाता है. इसलिए, बिल्डर में किया गया कोई भी अपडेट, चार्ट में नहीं दिखेगा.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataTable(table)

डेटा टेबल सेट करता है, जिसमें चार्ट की लाइनें और X-अक्ष लेबल शामिल होते हैं. पहले कॉलम में एक स्ट्रिंग होनी चाहिए और उसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. कितनी भी संख्या में कॉलम फ़ॉलो किए जा सकते हैं, सभी नंबर अंकों में होने चाहिए. हर कॉलम एक अलग लाइन के रूप में दिखता है.

पैरामीटर

नामटाइपब्यौरा
tableDataTableSourceचार्ट के लिए इस्तेमाल करने के लिए डेटा टेबल.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataViewDefinition(dataViewDefinition)

चार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है.

पैरामीटर

नामटाइपब्यौरा
dataViewDefinitionDataViewDefinitionडेटा व्यू की परिभाषा ऑब्जेक्ट, जो उस व्यू के बारे में बताता है जिसे चार्ट ड्रॉइंग के लिए दिए गए डेटा सोर्स से लिया जाना चाहिए.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDimensions(width, height)

चार्ट के लिए डाइमेंशन सेट करता है.

पैरामीटर

नामटाइपब्यौरा
widthIntegerचार्ट की चौड़ाई, पिक्सल में है.
heightIntegerचार्ट की ऊंचाई, पिक्सल में.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setLegendPosition(position)

चार्ट के अनुसार लेजेंड की जगह सेट करता है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता.

// Creates a line chart builder and sets the legend position to right.
var builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

पैरामीटर

नामटाइपब्यौरा
positionPositionलीजेंड की स्थिति.

रिटर्न टिकट

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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleचार्ट लेजेंड में इस्तेमाल करने के लिए टेक्स्ट का स्टाइल.

रिटर्न टिकट

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();

पैरामीटर

नामटाइपब्यौरा
optionStringसेट करने का विकल्प.
valueObjectसेट किया जाने वाला मान.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setRange(start, end)

चार्ट के लिए रेंज सेट करता है.

अगर कोई डेटा पॉइंट रेंज से बाहर होता है, तो रेंज को बड़ा करके उन डेटा पॉइंट को शामिल किया जाता है.

पैरामीटर

नामटाइपब्यौरा
startNumberरेंज ऐक्सिस की सबसे नीचे की ग्रिड लाइन की वैल्यू.
endNumberरेंज ऐक्सिस की सबसे ऊंची ग्रिड लाइन की वैल्यू.

रिटर्न टिकट

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')

पैरामीटर

नामटाइपब्यौरा
chartTitleStringचार्ट का शीर्षक.

रिटर्न टिकट

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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleचार्ट के शीर्षक में इस्तेमाल करने के लिए टेक्स्ट का स्टाइल. आप 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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के शीर्षक के लिए इस्तेमाल किया जाने वाला टेक्स्ट स्टाइल. आप 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')

पैरामीटर

नामटाइपब्यौरा
titleStringX-अक्ष का शीर्षक.

रिटर्न टिकट

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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के शीर्षक के लिए इस्तेमाल किया जाने वाला टेक्स्ट स्टाइल. आप 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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के शीर्षक के लिए इस्तेमाल किया जाने वाला टेक्स्ट स्टाइल. आप 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')

पैरामीटर

नामटाइपब्यौरा
titleStringY-अक्ष का शीर्षक.

रिटर्न टिकट

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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के शीर्षक के लिए इस्तेमाल किया जाने वाला टेक्स्ट स्टाइल. आप Charts.newTextStyle() को कॉल करके एक TextStyleBuilder ऑब्जेक्ट बना सकते हैं.

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


useLogScale()

रेंज ऐक्सिस को लॉगारिद्मिक स्केल में बनाता है (सभी वैल्यू पॉज़िटिव होना ज़रूरी है). रेंज ऐक्सिस वर्टिकल चार्ट के लिए वर्टिकल ऐक्सिस होते हैं (जैसे कि लाइन, एरिया या कॉलम) और हॉरिज़ॉन्टल चार्ट के लिए हॉरिज़ॉन्टल ऐक्सिस (जैसे कि बार).

रिटर्न टिकट

ColumnChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.