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