पाई चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, Google चार्ट के दस्तावेज़ देखें.
यहां एक उदाहरण दिया गया है, जिसमें पाई चार्ट बनाने का तरीका बताया गया है. डेटा Google स्प्रेडशीट से इंपोर्ट किया गया हो.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; var chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
तरीके
तरीका | रिटर्न टाइप | संक्षिप्त विवरण |
---|---|---|
build() | Chart | चार्ट बनाता है. |
reverseCategories() | PieChartBuilder | डोमेन ऐक्सिस में सीरीज़ बनाने के तरीके को उलटा करता है. |
set3D() | PieChartBuilder | चार्ट को थ्री-डाइमेंशन सेट करता है. |
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. var builder = Charts.newPieChart(); builder.reverseCategories();
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
set3D()
setBackgroundColor(cssValue)
चार्ट के लिए बैकग्राउंड का रंग सेट करता है.
// Creates a line chart builder and sets the background color to gray var builder = Charts.newLineChart(); builder.setBackgroundColor("gray");
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
cssValue | String | रंग के लिए सीएसएस वैल्यू (जैसे कि "blue" या "#00f" ). |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
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 | ब्यौरा |
---|---|---|
cssValues | String[] | कलर सीएसएस वैल्यू की कलेक्शन, जैसे कि ["red", "#acf"] . कलेक्शन का nवां एलिमेंट,
चार्ट की नौवीं लाइन का कलर दिखाता है. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataSourceUrl(url)
यह डेटा सोर्स का यूआरएल सेट करता है, जिसका इस्तेमाल किसी बाहरी सोर्स, जैसे कि Google Sheets से डेटा लाने के लिए किया जाता है. अगर कोई डेटा सोर्स यूआरएल और Dataटेबल दिया गया है, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.
डेटा सोर्स की क्वेरी करने के बारे में ज़्यादा जानकारी के लिए, Google चार्ट का दस्तावेज़ देखें.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
url | String | डेटा सोर्स का यूआरएल, जिसमें सभी क्वेरी पैरामीटर शामिल होते हैं. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(tableBuilder)
DatatableBuilder का इस्तेमाल करके, चार्ट में इस्तेमाल करने के लिए डेटा टेबल सेट करता है. यह build()
को कॉल किए बिना डेटा टेबल सेट करने का आसान तरीका है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
tableBuilder | DataTableBuilder | डेटा टेबल बिल्डर. इस कॉल के तहत, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में होने वाला कोई भी अपडेट, चार्ट में नहीं दिखेगा. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(table)
डेटा टेबल सेट करता है, जिसमें चार्ट की लाइनें और X-ऐक्सिस लेबल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए और इसमें हॉरिज़ॉन्टल ऐक्सिस लेबल होना चाहिए. इसके बाद कितनी भी संख्या में कॉलम आ सकते हैं, सभी अंकों में होने चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
table | DataTableSource | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
चार्ट के लिए इस्तेमाल करने के लिए डेटा व्यू की परिभाषा सेट करता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
dataViewDefinition | DataViewDefinition | डेटा व्यू डेफ़िनिशन ऑब्जेक्ट, जो उस व्यू के बारे में बताता है जिसे चार्ट ड्रॉइंग के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDimensions(width, height)
चार्ट के डाइमेंशन सेट करता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
width | Integer | चार्ट की चौड़ाई, पिक्सल में. |
height | Integer | चार्ट की ऊंचाई, पिक्सल में. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setLegendPosition(position)
चार्ट के हिसाब से लेजेंड की जगह सेट करता है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता.
// Creates a line chart builder and sets the legend position to right. var builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
position | Position | लेजेंड की पोज़िशन. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
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 | ब्यौरा |
---|---|---|
textStyle | TextStyle | चार्ट लेजेंड के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setOption(option, value)
इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं होगा.
// Build a pie chart with a pretty legend. var builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); var chart = builder.build();
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
option | String | सेट करने का विकल्प. |
value | Object | सेट की जाने वाली वैल्यू. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setTitle(chartTitle)
चार्ट का टाइटल सेट करता है. टाइटल को चार्ट के ऊपर बीच में दिखाया जाता है.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
chartTitle | String | चार्ट का शीर्षक. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
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 | ब्यौरा |
---|---|---|
textStyle | TextStyle | चार्ट के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है. |
रिटर्न
PieChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.