Class BarChartBuilder

BarChartBuilder

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

बार चार्ट बनाने का तरीका दिखाने वाला एक उदाहरण यहां दिया गया है. यह डेटा Google स्प्रेडशीट से इंपोर्ट किया गया है. 

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=B1%3AC11' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=0&headers=-1';

const chartBuilder = Charts.newBarChart()
                         .setTitle('Top Grossing Films in US and Canada')
                         .setXAxisTitle('USD')
                         .setYAxisTitle('Film')
                         .setDimensions(600, 500)
                         .setLegendPosition(Charts.Position.BOTTOM)
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

तरीके

तरीकारिटर्न टाइपसंक्षिप्त विवरण
build()Chartयह चार्ट बनाता है.
reverseCategories()BarChartBuilderइससे डोमेन ऐक्सिस में सीरीज़ की ड्राइंग को उलट दिया जाता है.
reverseDirection()BarChartBuilderइससे हॉरिज़ॉन्टल ऐक्सिस पर बार के बढ़ने की दिशा बदल जाती है.
setBackgroundColor(cssValue)BarChartBuilderइस विकल्प से, चार्ट के बैकग्राउंड का रंग सेट किया जाता है.
setColors(cssValues)BarChartBuilderइस विकल्प का इस्तेमाल करके, चार्ट में मौजूद लाइनों के रंग सेट किए जाते हैं.
setDataSourceUrl(url)BarChartBuilderयह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है.
setDataTable(tableBuilder)BarChartBuilderयह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है.
setDataTable(table)BarChartBuilderयह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं.
setDataViewDefinition(dataViewDefinition)BarChartBuilderइस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है.
setDimensions(width, height)BarChartBuilderइस विकल्प से, चार्ट के डाइमेंशन सेट किए जाते हैं.
setLegendPosition(position)BarChartBuilderइस विकल्प की मदद से, चार्ट के हिसाब से लेजेंड की पोज़िशन सेट की जाती है.
setLegendTextStyle(textStyle)BarChartBuilderइससे चार्ट लेजेंड के टेक्स्ट की स्टाइल सेट की जाती है.
setOption(option, value)BarChartBuilderइस चार्ट के लिए बेहतर विकल्प सेट करता है.
setRange(start, end)BarChartBuilderइस विकल्प से, चार्ट के लिए रेंज सेट की जाती है.
setStacked()BarChartBuilderइसमें स्टैक की गई लाइनों का इस्तेमाल किया जाता है. इसका मतलब है कि लाइन और बार की वैल्यू को स्टैक (इकट्ठा) किया जाता है.
setTitle(chartTitle)BarChartBuilderइससे चार्ट का टाइटल सेट किया जाता है.
setTitleTextStyle(textStyle)BarChartBuilderइस विकल्प से, चार्ट के टाइटल की टेक्स्ट स्टाइल सेट की जाती है.
setXAxisTextStyle(textStyle)BarChartBuilderइस विकल्प से, हॉरिज़ॉन्टल ऐक्सिस के टेक्स्ट की स्टाइल सेट की जाती है.
setXAxisTitle(title)BarChartBuilderइससे हॉरिज़ॉन्टल ऐक्सिस में टाइटल जोड़ा जाता है.
setXAxisTitleTextStyle(textStyle)BarChartBuilderइससे हॉरिज़ॉन्टल ऐक्सिस के टाइटल टेक्स्ट की स्टाइल सेट की जाती है.
setYAxisTextStyle(textStyle)BarChartBuilderइस विकल्प से, वर्टिकल ऐक्सिस के टेक्स्ट की स्टाइल सेट की जाती है.
setYAxisTitle(title)BarChartBuilderवर्टिकल ऐक्सिस में टाइटल जोड़ता है.
setYAxisTitleTextStyle(textStyle)BarChartBuilderइससे वर्टिकल ऐक्सिस के टाइटल के टेक्स्ट की स्टाइल सेट की जाती है.
useLogScale()BarChartBuilderरेंज ऐक्सिस को लॉगरिद्मिक स्केल में बदलता है. इसके लिए, सभी वैल्यू पॉज़िटिव होनी चाहिए.

ज़्यादा जानकारी वाला दस्तावेज़

build()

यह चार्ट बनाता है.

वापसी का टिकट

Chart — यह एक चार्ट ऑब्जेक्ट है. इसे दस्तावेज़ों, यूज़र इंटरफ़ेस (यूआई) एलिमेंट में एम्बेड किया जा सकता है या स्टैटिक इमेज के तौर पर इस्तेमाल किया जा सकता है.

reverseCategories()

इससे डोमेन ऐक्सिस में सीरीज़ की ड्राइंग को उलट दिया जाता है. वर्टिकल-रेंज चार्ट (जैसे कि लाइन, एरिया या कॉलम चार्ट) के लिए, इसका मतलब है कि हॉरिज़ॉन्टल ऐक्सिस को दाईं से बाईं ओर खींचा जाता है. हॉरिज़ॉन्टल-रेंज वाले चार्ट (जैसे कि बार चार्ट) के लिए, इसका मतलब है कि वर्टिकल ऐक्सिस को ऊपर से नीचे की ओर बनाया जाता है. पाई चार्ट के लिए, इसका मतलब है कि स्लाइस को घड़ी की उल्टी दिशा में बनाया जाता है. 

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

वापसी का टिकट

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

reverseDirection()

इससे हॉरिज़ॉन्टल ऐक्सिस पर बार के बढ़ने की दिशा बदल जाती है. डिफ़ॉल्ट रूप से, वैल्यू बाईं से दाईं ओर बढ़ती हैं. इस तरीके को कॉल करने पर, ये दाईं से बाईं ओर बढ़ते हैं.

वापसी का टिकट

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

setBackgroundColor(cssValue)

इस विकल्प से, चार्ट के बैकग्राउंड का रंग सेट किया जाता है. 

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

पैरामीटर

नामटाइपब्यौरा
cssValueStringरंग के लिए सीएसएस वैल्यू (जैसे, "blue" या "#00f").

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

setDataSourceUrl(url)

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

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

पैरामीटर

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

वापसी का टिकट

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

setDataTable(tableBuilder)

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

पैरामीटर

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

वापसी का टिकट

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

setDataTable(table)

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

पैरामीटर

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

वापसी का टिकट

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

setDataViewDefinition(dataViewDefinition)

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

पैरामीटर

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

वापसी का टिकट

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

setDimensions(width, height)

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

पैरामीटर

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

वापसी का टिकट

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

setLegendPosition(position)

इस विकल्प की मदद से, चार्ट के हिसाब से लेजेंड की पोज़िशन सेट की जाती है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता है. 

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

पैरामीटर

नामटाइपब्यौरा
positionPositionलेजेंड की पोज़िशन.

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

setOption(option, value)

इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं होता. 

// Build a bar chart with a 1-second animation duration.
const builder = Charts.newBarChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

पैरामीटर

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

वापसी का टिकट

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

setRange(start, end)

इस विकल्प से, चार्ट के लिए रेंज सेट की जाती है.

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

पैरामीटर

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

वापसी का टिकट

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

setStacked()

इसमें स्टैक की गई लाइनों का इस्तेमाल किया जाता है. इसका मतलब है कि लाइन और बार की वैल्यू को स्टैक (इकट्ठा) किया जाता है. डिफ़ॉल्ट रूप से, स्टैकिंग नहीं होती है.

वापसी का टिकट

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

setTitle(chartTitle)

इससे चार्ट का टाइटल सेट किया जाता है. टाइटल, चार्ट के ऊपर बीच में दिखता है. 

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

पैरामीटर

नामटाइपब्यौरा
chartTitleStringचार्ट का टाइटल.

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

setXAxisTitle(title)

इससे हॉरिज़ॉन्टल ऐक्सिस में टाइटल जोड़ा जाता है. टाइटल बीच में होता है और ऐक्सिस वैल्यू के लेबल के नीचे दिखता है. 

// Creates a line chart builder and sets the X-axis title.
const builder = Charts.newLineChart();
builder.setTitle('X-axis Title');

पैरामीटर

नामटाइपब्यौरा
titleStringX-ऐक्सिस का टाइटल.

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

setYAxisTitle(title)

वर्टिकल ऐक्सिस में टाइटल जोड़ता है. टाइटल बीच में होता है और वैल्यू लेबल के बाईं ओर दिखता है. 

// Creates a line chart builder and sets the Y-axis title.
const builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title');

पैरामीटर

नामटाइपब्यौरा
titleStringY-ऐक्सिस का टाइटल.

वापसी का टिकट

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

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

पैरामीटर

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

वापसी का टिकट

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

useLogScale()

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

वापसी का टिकट

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