Class ColumnChartBuilder

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

पैरामीटर

नामTypeब्यौरा
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"]);

पैरामीटर

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

रिटर्न

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


setDataSourceUrl(url)

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

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

पैरामीटर

नामTypeब्यौरा
urlStringडेटा सोर्स का यूआरएल, जिसमें सभी क्वेरी पैरामीटर शामिल होते हैं.

रिटर्न

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


setDataTable(tableBuilder)

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

पैरामीटर

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

रिटर्न

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


setDataTable(table)

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

पैरामीटर

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

रिटर्न

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


setDataViewDefinition(dataViewDefinition)

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

पैरामीटर

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

रिटर्न

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


setDimensions(width, height)

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

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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();

पैरामीटर

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

रिटर्न

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


setRange(start, end)

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

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

पैरामीटर

नामTypeब्यौरा
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')

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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')

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
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')

पैरामीटर

नामTypeब्यौरा
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);

पैरामीटर

नामTypeब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल करने के लिए, टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

रिटर्न

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


useLogScale()

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

रिटर्न

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