टेबल चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, Google Charts का दस्तावेज़ देखें.
यहां एक उदाहरण दिया गया है, जिसमें टेबल चार्ट बनाने का तरीका बताया गया है. यह डेटा Google Sheets से इंपोर्ट किया गया है.
// 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 — यह एक चार्ट ऑब्जेक्ट है. इसे दस्तावेज़ों, यूज़र इंटरफ़ेस (यूआई) एलिमेंट में एम्बेड किया जा सकता है या स्टैटिक इमेज के तौर पर इस्तेमाल किया जा सकता है.
enablePaging(enablePaging)
इससे यह सेट किया जाता है कि डेटा में पेजिंग की सुविधा चालू करनी है या नहीं.
डिफ़ॉल्ट रूप से, पेजिंग की सुविधा बंद होती है. पेजिंग की सुविधा चालू होने पर, पेज का डिफ़ॉल्ट साइज़ 10 होता है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
enable | Boolean | अगर पेजिंग की सुविधा चालू करनी है, तो true. अगर नहीं करनी है, तो false. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
enablePaging(pageSize)
इससे पेजिंग की सुविधा चालू होती है और हर पेज में पंक्तियों की संख्या सेट होती है.
पेज का डिफ़ॉल्ट साइज़ 10 होता है.
// Creates a table chart builder and enables paging with page size of 5. const builder = Charts.newTableChart(); builder.enablePaging(5);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
page | 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. const builder = Charts.newTableChart(); builder.enablePaging(5, 2);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
page | Integer | टेबल के हर पेज में मौजूद लाइनों की संख्या. |
start | Integer | टेबल का पहला पेज, जिसे दिखाना है (पेज नंबर शून्य से शुरू होते हैं). |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
enableRtlTable(rtlEnabled)
इससे दाएं से बाएं लिखी जाने वाली भाषाओं (जैसे, अरबी या हिब्रू) के लिए बुनियादी सहायता मिलती है. इसके लिए, टेबल के कॉलम का क्रम उलट दिया जाता है, ताकि कॉलम ज़ीरो सबसे दाईं ओर वाला कॉलम हो और आखिरी कॉलम सबसे बाईं ओर वाला कॉलम हो.
इससे बुनियादी डेटा में कॉलम इंडेक्स पर कोई असर नहीं पड़ता. इससे सिर्फ़ डिसप्ले के क्रम पर असर पड़ता है. इस विकल्प के साथ भी, टेबल विज़ुअलाइज़ेशन में दोनों दिशाओं (BiDi) में लिखी जाने वाली भाषा को पूरी तरह से नहीं दिखाया जा सकता. अगर आपने पेजिंग की सुविधा चालू की है (पेज विकल्प का इस्तेमाल करके) या टेबल में स्क्रोल बार हैं, तो इस विकल्प को अनदेखा कर दिया जाता है. ऐसा इसलिए होता है, क्योंकि आपने ऊंचाई और चौड़ाई के ऐसे विकल्प चुने हैं जो टेबल के ज़रूरी साइज़ से कम हैं. डिफ़ॉल्ट रूप से, आरटीएल की सुविधा बंद होती है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
rtl | Boolean | true अगर दाएं से बाएं लिखने की सुविधा चालू करनी है, तो false
अन्यथा. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
enableSorting(enableSorting)
इस विकल्प का इस्तेमाल यह सेट करने के लिए किया जाता है कि जब उपयोगकर्ता किसी कॉलम के हेडर पर क्लिक करे, तो कॉलम को क्रम से लगाया जाए या नहीं.
सॉर्ट करने की सुविधा चालू होने पर, जब उपयोगकर्ता कॉलम हेडर पर क्लिक करते हैं, तो लाइनें अपने-आप क्रम से लग जाती हैं. डिफ़ॉल्ट रूप से, क्रम से लगाने की सुविधा चालू होती है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
enable | Boolean | true पर क्लिक करें. ऐसा करने से, कॉलम हेडर पर क्लिक करके क्रम से लगाने की सुविधा चालू हो जाएगी. अगर आपको यह सुविधा चालू नहीं करनी है, तो false पर क्लिक करें. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataSourceUrl(url)
यह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है. अगर डेटा सोर्स यूआरएल और DataTable, दोनों दिए जाते हैं, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.
डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
url | String | डेटा सोर्स का यूआरएल. इसमें क्वेरी पैरामीटर भी शामिल हैं. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(tableBuilder)
यह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है. यह डेटा टेबल को सेट करने का एक आसान तरीका है. इसके लिए, आपको build() को कॉल करने की ज़रूरत नहीं होती.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
table | Data | डेटा टेबल बनाने वाला टूल. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(table)
यह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, जितने चाहें उतने कॉलम जोड़े जा सकते हैं. हालांकि, सभी कॉलम में सिर्फ़ संख्याएं होनी चाहिए. हर कॉलम को अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
table | Data | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
इस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
data | Data | यह डेटा व्यू की परिभाषा वाला ऑब्जेक्ट है. यह उस व्यू को तय करता है जिसे चार्ट बनाने के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए. |
वापसी का टिकट
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. const builder = Charts.newTableChart(); builder.setFirstRowNumber(2);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
number | Integer | डेटा टेबल में पहली लाइन का नंबर. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setInitialSortingAscending(column)
इस विकल्प की मदद से, उस कॉलम का इंडेक्स सेट किया जाता है जिसके हिसाब से टेबल को शुरू में क्रम में लगाया जाना चाहिए (बढ़ते क्रम में).
कॉलम को बढ़ते क्रम में लगाया गया है और इस बात को दिखाने के लिए, उस पर एक छोटा ऐरो मार्क किया गया है.
// Creates a table chart builder and sorts it by the second column (ascending). const builder = Charts.newTableChart(); builder.setInitialSortingAscending(2);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
column | Integer | कॉलम की वह संख्या जिसके हिसाब से टेबल को शुरू में क्रम से लगाया जाना चाहिए. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setInitialSortingDescending(column)
इस विकल्प का इस्तेमाल करके, उस कॉलम का इंडेक्स सेट किया जाता है जिसके हिसाब से टेबल को शुरुआत में क्रम से लगाया जाना चाहिए (घटते क्रम में).
कॉलम को घटते क्रम में लगाया गया है और इस बात को दिखाने के लिए, उस पर एक छोटा ऐरो का निशान लगाया गया है.
// Creates a table chart builder and sorts it by the second column (descending). const builder = Charts.newTableChart(); builder.setInitialSortingDescending(2);
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
column | Integer | कॉलम की वह संख्या जिसके हिसाब से टेबल को शुरू में क्रम से लगाया जाना चाहिए. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setOption(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 | सेट की जाने वाली वैल्यू. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
showRowNumberColumn(showRowNumber)
यह विकल्प सेट करता है कि टेबल के पहले कॉलम के तौर पर लाइन नंबर दिखाया जाए या नहीं.
डिफ़ॉल्ट रूप से, लाइन नंबर नहीं दिखते हैं.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
show | Boolean | true अगर टेबल के पहले कॉलम में लाइन नंबर दिखाना है, तो
false नहीं तो. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
useAlternatingRowStyle(alternate)
इससे यह तय होता है कि टेबल चार्ट की ऑड और ईवन लाइनों को अलग-अलग रंग की स्टाइल असाइन की गई है या नहीं.
डिफ़ॉल्ट रूप से, लाइनों को अलग-अलग रंग में दिखाया जाता है.
पैरामीटर
| नाम | टाइप | ब्यौरा |
|---|---|---|
alternate | Boolean | true अगर रंग के स्टाइल को बारी-बारी से इस्तेमाल किया जाना चाहिए, तो false नहीं तो. |
वापसी का टिकट
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.