पाई चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, 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 | यह चार्ट बनाता है. |
reverse | Pie | इससे डोमेन ऐक्सिस में सीरीज़ की ड्राइंग को उलट दिया जाता है. |
set3D() | Pie | इस विकल्प का इस्तेमाल करके, चार्ट को 3D में सेट किया जाता है. |
set | Pie | इस विकल्प से, चार्ट के बैकग्राउंड का रंग सेट किया जाता है. |
set | Pie | इस विकल्प का इस्तेमाल करके, चार्ट में मौजूद लाइनों के रंग सेट किए जाते हैं. |
set | Pie | यह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है. |
set | Pie | यह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है. |
set | Pie | यह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं. |
set | Pie | इस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है. |
set | Pie | इस विकल्प से, चार्ट के डाइमेंशन सेट किए जाते हैं. |
set | Pie | इस विकल्प की मदद से, चार्ट के हिसाब से लेजेंड की पोज़िशन सेट की जाती है. |
set | Pie | इससे चार्ट लेजेंड के टेक्स्ट की स्टाइल सेट की जाती है. |
set | Pie | इस चार्ट के लिए बेहतर विकल्प सेट करता है. |
set | Pie | इससे चार्ट का टाइटल सेट किया जाता है. |
set | Pie | इस विकल्प से, चार्ट के टाइटल की टेक्स्ट स्टाइल सेट की जाती है. |
ज़्यादा जानकारी वाला दस्तावेज़
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');
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
css | 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. const builder = Charts.newLineChart(); builder.setColors(['green', 'red']);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
css | String[] | कलर सीएसएस वैल्यू का एक कलेक्शन, जैसे कि ["red", "#acf"]. ऐरे में मौजूद nवां एलिमेंट, चार्ट में मौजूद nवीं लाइन के रंग को दिखाता है. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataSourceUrl(url)
यह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है. अगर डेटा सोर्स यूआरएल और DataTable, दोनों दिए जाते हैं, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.
डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
url | String | डेटा सोर्स का यूआरएल. इसमें क्वेरी पैरामीटर भी शामिल हैं. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(tableBuilder)
यह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है. यह डेटा टेबल को सेट करने का एक आसान तरीका है. इसके लिए, आपको build() को कॉल करने की ज़रूरत नहीं होती.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
table | Data | डेटा टेबल बनाने वाला टूल. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(table)
यह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, जितने चाहें उतने कॉलम जोड़े जा सकते हैं. हालांकि, सभी कॉलम में सिर्फ़ संख्याएं होनी चाहिए. हर कॉलम को अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
table | Data | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
इस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
data | Data | यह डेटा व्यू की परिभाषा वाला ऑब्जेक्ट है. यह उस व्यू को तय करता है जिसे चार्ट बनाने के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDimensions(width, height)
इस विकल्प से, चार्ट के डाइमेंशन सेट किए जाते हैं.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
width | Integer | पिक्सल में चार्ट की चौड़ाई. |
height | Integer | पिक्सल में चार्ट की ऊंचाई. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setLegendPosition(position)
इस विकल्प की मदद से, चार्ट के हिसाब से लेजेंड की पोज़िशन सेट की जाती है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता है.
// Creates a line chart builder and sets the legend position to right. const builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
position | Position | लेजेंड की पोज़िशन. |
वापसी का टिकट
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);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
text | Text | चार्ट के लेजेंड के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. |
वापसी का टिकट
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();
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
option | String | सेट करने का विकल्प. |
value | Object | सेट की जाने वाली वैल्यू. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setTitle(chartTitle)
इससे चार्ट का टाइटल सेट किया जाता है. टाइटल, चार्ट के ऊपर बीच में दिखता है.
// Creates a line chart builder and title to 'My Line Chart'. const builder = Charts.newLineChart(); builder.setTitle('My Line Chart');
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
chart | String | चार्ट का टाइटल. |
वापसी का टिकट
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);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
text | Text | चार्ट के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, Text ऑब्जेक्ट बनाया जा सकता है. |
वापसी का टिकट
PieChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.