टेबल चार्ट के लिए बिल्डर. ज़्यादा जानकारी के लिए, Google Charts का दस्तावेज़ देखें.
यहां टेबल चार्ट बनाने का उदाहरण दिया गया है. डेटा को Google स्प्रेडशीट से इंपोर्ट किया गया हो.
// Get sample data from a spreadsheet. const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; const chartBuilder = Charts.newTableChart() .setDimensions(600, 500) .enablePaging(20) .setDataSourceUrl(dataSourceUrl); const chart = chartBuilder.build();
तरीके
तरीका | रिटर्न टाइप | संक्षिप्त विवरण |
---|---|---|
build() | Chart | चार्ट बनाता है. |
enable | Table | इससे यह सेट होता है कि डेटा के पेज को चालू करना है या नहीं. |
enable | Table | पेजिंग की सुविधा चालू करता है और हर पेज में लाइनों की संख्या सेट करता है. |
enable | Table | पेजिंग की सुविधा चालू करता है. साथ ही, हर पेज में लाइनों की संख्या और टेबल का पहला पेज सेट करता है. पेज के नंबर शून्य से शुरू होते हैं. |
enable | Table | टेबल के कॉलम के क्रम को उलटकर, दाईं से बाएं लिखी जाने वाली भाषाओं (जैसे, अरबी या हिब्रू) के लिए बुनियादी सहायता जोड़ता है. इससे कॉलम शून्य सबसे दाएं कॉलम और आखिरी कॉलम सबसे बाएं कॉलम बन जाता है. |
enable | Table | इससे यह तय होता है कि जब कोई उपयोगकर्ता कॉलम के हेडर पर क्लिक करता है, तो कॉलम को क्रम से लगाना है या नहीं. |
set | Table | डेटा सोर्स का यूआरएल सेट करता है. इसका इस्तेमाल, Google Sheets जैसे बाहरी सोर्स से डेटा खींचने के लिए किया जाता है. |
set | Table | DataTableBuilder का इस्तेमाल करके, चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल सेट करता है. |
set | Table | डेटा टेबल सेट करता है. इसमें चार्ट की लाइनें और X-ऐक्सिस लेबल शामिल होते हैं. |
set | Table | चार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है. |
set | Table | चार्ट के लिए डाइमेंशन सेट करता है. |
set | Table | डेटा टेबल में पहली लाइन की पंक्ति संख्या सेट करता है. |
set | Table | उस कॉलम का इंडेक्स सेट करता है जिसके हिसाब से टेबल को सबसे पहले क्रम में लगाया जाना चाहिए (बढ़ते क्रम में). |
set | Table | उस कॉलम का इंडेक्स सेट करता है जिसके हिसाब से टेबल को शुरू में क्रम में लगाया जाना चाहिए (घटते क्रम में). |
set | Table | इस चार्ट के लिए बेहतर विकल्प सेट करता है. |
show | Table | इससे यह तय होता है कि पंक्ति की संख्या को टेबल के पहले कॉलम के तौर पर दिखाया जाए या नहीं. |
use | Table | इससे यह तय होता है कि टेबल चार्ट की ऑड और ईवन लाइनों के लिए, बारी-बारी से बदलने वाला कलर स्टाइल असाइन किया जाए या नहीं. |
ज़्यादा जानकारी वाला दस्तावेज़
build()
चार्ट बनाता है.
वापसी का टिकट
Chart
— चार्ट ऑब्जेक्ट, जिसे दस्तावेज़ों, यूज़र इंटरफ़ेस (यूआई) एलिमेंट में जोड़ा जा सकता है या स्टैटिक इमेज के तौर पर इस्तेमाल किया जा सकता है.
enable Paging(enablePaging)
इससे यह सेट होता है कि डेटा के पेज को चालू करना है या नहीं.
डिफ़ॉल्ट रूप से, पेजिंग की सुविधा बंद होती है. पेजिंग की सुविधा चालू होने पर, पेज का डिफ़ॉल्ट साइज़ 10 होता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
enable | Boolean | true अगर पेजिंग चालू होनी चाहिए, तो false . |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
enable Paging(pageSize)
पेजिंग की सुविधा चालू करता है और हर पेज में लाइनों की संख्या सेट करता है.
पेज का डिफ़ॉल्ट साइज़ 10 है.
// Creates a table chart builder and enables paging with page size of 5. const builder = Charts.newTableChart(); builder.enablePaging(5);
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
page | Integer | टेबल के हर पेज में लाइनों की संख्या. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
enable Paging(pageSize, startPage)
पेजिंग की सुविधा चालू करता है. साथ ही, हर पेज में लाइनों की संख्या और टेबल का पहला पेज सेट करता है. पेज के नंबर शून्य से शुरू होते हैं.
पेज का डिफ़ॉल्ट साइज़ 10 है और डिफ़ॉल्ट स्टार्ट पेज 0 है.
// Creates a table chart builder and enables paging with page size of 5 and // displays page 2 first. const builder = Charts.newTableChart(); builder.enablePaging(5, 2);
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
page | Integer | टेबल के हर पेज में लाइनों की संख्या. |
start | Integer | टेबल का पहला पेज (पेज नंबर शून्य से शुरू होते हैं). |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
enable Rtl Table(rtlEnabled)
टेबल के कॉलम के क्रम को उलटकर, दाईं से बाएं लिखी जाने वाली भाषाओं (जैसे, अरबी या हिब्रू) के लिए बुनियादी सहायता जोड़ता है. इससे कॉलम शून्य सबसे दाएं कॉलम और आखिरी कॉलम सबसे बाएं कॉलम बन जाता है.
इससे, बुनियादी डेटा में कॉलम इंडेक्स पर कोई असर नहीं पड़ता. इसका असर सिर्फ़ डेटा दिखाने के क्रम पर पड़ता है. इस विकल्प के साथ भी, टेबल विज़ुअलाइज़ेशन में भाषा को दोनों दिशाओं में दिखाने की सुविधा काम नहीं करती. पेज विकल्प का इस्तेमाल करके पेजिंग की सुविधा चालू करने पर या टेबल में स्क्रोल बार होने पर, इस विकल्प को अनदेखा कर दिया जाता है. ऐसा तब होता है, जब आपने टेबल के लिए ज़रूरी साइज़ से छोटी लंबाई और चौड़ाई चुनी हो. डिफ़ॉल्ट रूप से, आरटीएल (राइट-टू-लेफ़्ट) भाषा के लिए सहायता बंद होती है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
rtl | Boolean | true अगर दाएं से बाएं स्वाइप करने की सुविधा चालू होनी चाहिए, false
तो. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
enable Sorting(enableSorting)
इससे यह तय होता है कि जब कोई उपयोगकर्ता कॉलम के हेडर पर क्लिक करता है, तो कॉलम को क्रम से लगाना है या नहीं.
अगर क्रम से लगाने की सुविधा चालू है, तो उपयोगकर्ता जब कॉलम हेडर पर क्लिक करते हैं, तो पंक्तियां अपने-आप क्रम से लगी जाती हैं. डिफ़ॉल्ट रूप से, डेटा को क्रम से लगाने की सुविधा चालू रहती है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
enable | Boolean | कॉलम हेडर पर क्लिक करके क्रम से लगाने की सुविधा चालू करने के लिए true और ऐसा न करने के लिए false . |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Data Source Url(url)
डेटा सोर्स का यूआरएल सेट करता है. इसका इस्तेमाल, Google Sheets जैसे बाहरी सोर्स से डेटा खींचने के लिए किया जाता है. अगर डेटा सोर्स का यूआरएल और डेटाटेबल, दोनों दिए जाते हैं, तो डेटा सोर्स का यूआरएल अनदेखा कर दिया जाता है.
डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
url | String | डेटा सोर्स का यूआरएल, जिसमें कोई भी क्वेरी पैरामीटर शामिल हो. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Data Table(tableBuilder)
DataTableBuilder का इस्तेमाल करके, चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल सेट करता है. यह build()
को कॉल किए बिना, डेटा टेबल सेट करने का आसान तरीका है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
table | Data | डेटा टेबल बिल्डर. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Data Table(table)
डेटा टेबल सेट करता है. इसमें चार्ट की लाइनें और X-ऐक्सिस लेबल शामिल होते हैं. पहला कॉलम, स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, कितने भी कॉलम हो सकते हैं. हालांकि, सभी कॉलम में संख्याएं होनी चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
table | Data | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Data View Definition(dataViewDefinition)
चार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
data | Data | डेटा व्यू की परिभाषा वाला ऑब्जेक्ट, जो चार्ट बनाने के लिए दिए गए डेटा सोर्स से मिले डेटा के आधार पर, व्यू तय करता है. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Dimensions(width, height)
चार्ट के लिए डाइमेंशन सेट करता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
width | Integer | चार्ट की चौड़ाई, पिक्सल में. |
height | Integer | चार्ट की ऊंचाई, पिक्सल में. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set First Row Number(number)
डेटा टेबल में पहली लाइन की पंक्ति संख्या सेट करता है.
पहली लाइन का डिफ़ॉल्ट नंबर 1 होता है.
// Creates a table chart builder and sets the first row to be 2. const builder = Charts.newTableChart(); builder.setFirstRowNumber(2);
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
number | Integer | डेटा टेबल में पहली पंक्ति का नंबर. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Initial Sorting Ascending(column)
उस कॉलम का इंडेक्स सेट करता है जिसके हिसाब से टेबल को सबसे पहले क्रम में लगाया जाना चाहिए (बढ़ते क्रम में).
कॉलम को बढ़ते क्रम में लगाया गया है. इसकी जानकारी देने के लिए, कॉलम पर एक छोटा ऐरो लगा होता है.
// Creates a table chart builder and sorts it by the second column (ascending). const builder = Charts.newTableChart(); builder.setInitialSortingAscending(2);
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
column | Integer | उस कॉलम का नंबर जिसकी मदद से टेबल को शुरू में क्रम में लगाया जाना चाहिए. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Initial Sorting Descending(column)
उस कॉलम का इंडेक्स सेट करता है जिसके हिसाब से टेबल को शुरू में क्रम में लगाया जाना चाहिए (घटते क्रम में).
कॉलम को घटते क्रम में लगाया गया है. इसकी जानकारी देने के लिए, कॉलम पर एक छोटा ऐरो लगा होता है.
// Creates a table chart builder and sorts it by the second column (descending). const builder = Charts.newTableChart(); builder.setInitialSortingDescending(2);
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
column | Integer | उस कॉलम का नंबर जिसकी मदद से टेबल को शुरू में क्रम में लगाया जाना चाहिए. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
set Option(option, value)
इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं पड़ेगा.
// Build a table chart which renders HTML. const builder = Charts.newTableChart(); builder.setOption('allowHtml', {@code true}); const chart = builder.build();
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
option | String | सेट करने का विकल्प. |
value | Object | सेट की जाने वाली वैल्यू. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
show Row Number Column(showRowNumber)
इससे यह तय होता है कि पंक्ति की संख्या को टेबल के पहले कॉलम के तौर पर दिखाया जाए या नहीं.
डिफ़ॉल्ट रूप से, पंक्ति की संख्याएं नहीं दिख रही हैं.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
show | Boolean | true अगर टेबल के पहले कॉलम में पंक्ति का नंबर दिखना चाहिए,
false तो नहीं. |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.
use Alternating Row Style(alternate)
इससे यह तय होता है कि टेबल चार्ट की ऑड और ईवन लाइनों के लिए, बारी-बारी से बदलने वाला कलर स्टाइल असाइन किया जाए या नहीं.
डिफ़ॉल्ट रूप से, लाइनों के लिए अलग-अलग रंग वाली स्टाइल का इस्तेमाल किया जाता है.
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
alternate | Boolean | true अगर अलग-अलग रंगों के स्टाइल का इस्तेमाल करना है, तो false . |
वापसी का टिकट
Table
— यह बिल्डर, चेन करने के लिए काम का है.