Class PieChartBuilder

PieChartBuilder

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

यहां एक उदाहरण दिया गया है, जिसमें पाई चार्ट बनाने का तरीका बताया गया है. यह डेटा Google Sheets से इंपोर्ट किया गया है.

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

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

तरीके

तरीकारिटर्न टाइपसंक्षिप्त विवरण
build()Chartयह चार्ट बनाता है.
reverseCategories()PieChartBuilderइससे डोमेन ऐक्सिस में सीरीज़ की ड्राइंग को उलट दिया जाता है.
set3D()PieChartBuilderइस विकल्प का इस्तेमाल करके, चार्ट को 3D में सेट किया जाता है.
setBackgroundColor(cssValue)PieChartBuilderइस विकल्प से, चार्ट के बैकग्राउंड का रंग सेट किया जाता है.
setColors(cssValues)PieChartBuilderइस विकल्प का इस्तेमाल करके, चार्ट में मौजूद लाइनों के रंग सेट किए जाते हैं.
setDataSourceUrl(url)PieChartBuilderयह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है.
setDataTable(tableBuilder)PieChartBuilderयह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है.
setDataTable(table)PieChartBuilderयह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं.
setDataViewDefinition(dataViewDefinition)PieChartBuilderइस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है.
setDimensions(width, height)PieChartBuilderइस विकल्प से, चार्ट के डाइमेंशन सेट किए जाते हैं.
setLegendPosition(position)PieChartBuilderइस विकल्प की मदद से, चार्ट के हिसाब से लेजेंड की पोज़िशन सेट की जाती है.
setLegendTextStyle(textStyle)PieChartBuilderइससे चार्ट लेजेंड के टेक्स्ट की स्टाइल सेट की जाती है.
setOption(option, value)PieChartBuilderइस चार्ट के लिए बेहतर विकल्प सेट करता है.
setTitle(chartTitle)PieChartBuilderइससे चार्ट का टाइटल सेट किया जाता है.
setTitleTextStyle(textStyle)PieChartBuilderइस विकल्प से, चार्ट के टाइटल की टेक्स्ट स्टाइल सेट की जाती है.

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

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

वापसी का टिकट

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


set3D()

इस विकल्प का इस्तेमाल करके, चार्ट को 3D में सेट किया जाता है.

वापसी का टिकट

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


setBackgroundColor(cssValue)

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

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

पैरामीटर

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

वापसी का टिकट

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


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वीं लाइन के रंग को दिखाता है.

वापसी का टिकट

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


setDataSourceUrl(url)

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

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

पैरामीटर

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

वापसी का टिकट

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


setDataTable(tableBuilder)

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

पैरामीटर

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

वापसी का टिकट

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


setDataTable(table)

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

पैरामीटर

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

वापसी का टिकट

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


setDataViewDefinition(dataViewDefinition)

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

पैरामीटर

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

वापसी का टिकट

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


setDimensions(width, height)

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

पैरामीटर

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

वापसी का टिकट

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


setLegendPosition(position)

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

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

पैरामीटर

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

वापसी का टिकट

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


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चार्ट के लेजेंड के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल.

वापसी का टिकट

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


setOption(option, value)

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

// Build a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

पैरामीटर

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

वापसी का टिकट

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


setTitle(chartTitle)

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

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

पैरामीटर

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

वापसी का टिकट

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


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 ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

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