पाई चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, Google Charts का दस्तावेज़ देखें.
यहां एक उदाहरण दिया गया है, जिसमें पाई चार्ट बनाने का तरीका बताया गया है. डेटा को Google स्प्रेडशीट से इंपोर्ट किया गया हो.
// 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 | चार्ट को तीन डाइमेंशन में सेट करता है. |
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();
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
set3D()
चार्ट को तीन डाइमेंशन में सेट करता है.
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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" . |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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"] . ऐरे में nth एलिमेंट, चार्ट में nth लाइन का रंग दिखाता है. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setDataSourceUrl(url)
डेटा सोर्स का यूआरएल सेट करता है. इसका इस्तेमाल, Google Sheets जैसे बाहरी सोर्स से डेटा खींचने के लिए किया जाता है. अगर डेटा सोर्स का यूआरएल और डेटाटेबल, दोनों दिए जाते हैं, तो डेटा सोर्स का यूआरएल अनदेखा कर दिया जाता है.
डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
url | String | डेटा सोर्स का यूआरएल, जिसमें कोई भी क्वेरी पैरामीटर शामिल हो. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setDataTable(tableBuilder)
DataTableBuilder का इस्तेमाल करके, चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल सेट करता है. यह build()
को कॉल किए बिना, डेटा टेबल सेट करने का आसान तरीका है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
table | Data | डेटा टेबल बिल्डर. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setDataTable(table)
डेटा टेबल सेट करता है. इसमें चार्ट की लाइनें और X-ऐक्सिस लेबल शामिल होते हैं. पहला कॉलम, स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, कितने भी कॉलम हो सकते हैं. हालांकि, सभी कॉलम में संख्याएं होनी चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
table | Data | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
चार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
data | Data | डेटा व्यू की परिभाषा वाला ऑब्जेक्ट, जो चार्ट बनाने के लिए दिए गए डेटा सोर्स से मिले डेटा के आधार पर, व्यू तय करता है. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setDimensions(width, height)
चार्ट के लिए डाइमेंशन सेट करता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
width | Integer | चार्ट की चौड़ाई, पिक्सल में. |
height | Integer | चार्ट की ऊंचाई, पिक्सल में. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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 | लेजेंड की पोज़िशन. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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 | चार्ट के लेजेंड के लिए इस्तेमाल होने वाला टेक्स्ट स्टाइल. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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 | सेट की जाने वाली वैल्यू. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
setTitle(chartTitle)
चार्ट का टाइटल सेट करता है. टाइटल, चार्ट के ऊपर बीच में दिखता है.
// Creates a line chart builder and title to 'My Line Chart'. const builder = Charts.newLineChart(); builder.setTitle('My Line Chart');
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
chart | String | चार्ट का टाइटल. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.
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 ऑब्जेक्ट बनाया जा सकता है. |
वापसी का टिकट
Pie
— यह बिल्डर, चेन करने के लिए काम का है.