टेबल चार्ट के लिए बिल्डर. ज़्यादा जानकारी के लिए, 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 Sheets से डेटा लाने के लिए किया जाता है. |
setDataTable(tableBuilder) | TableChartBuilder | DatatableBuilder का इस्तेमाल करके, चार्ट में इस्तेमाल करने के लिए डेटा टेबल सेट करता है. |
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 होता है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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);
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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);
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
pageSize | Integer | टेबल के हर पेज में पंक्तियों की संख्या. |
startPage | Integer | दिखाया जाने वाला पहला टेबल पेज (पेज नंबर शून्य पर आधारित होता है). |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
enableRtlTable(rtlEnabled)
टेबल के कॉलम के क्रम को उलटा करके, दाएं से बाएं लिखी जाने वाली भाषाओं (जैसे अरबी या हिब्रू) के लिए बुनियादी सहायता जोड़ता है, ताकि कॉलम शून्य सबसे दाईं ओर वाला कॉलम हो और आखिरी कॉलम सबसे बाईं ओर का कॉलम हो.
इससे, दिए गए डेटा के कॉलम इंडेक्स पर कोई असर नहीं पड़ता, सिर्फ़ डिसप्ले के क्रम पर असर पड़ता है. इस विकल्प के साथ भी टेबल विज़ुअलाइज़ेशन में दो-तरफ़ा (BiDi) भाषा का डिसप्ले काम नहीं करता. अगर आपने पेज विकल्प का इस्तेमाल करके पेजिंग की सुविधा चालू की है या टेबल में स्क्रोल बार हैं, तो इस विकल्प को अनदेखा किया जाता है. ऐसा तब किया जाता है, जब आपने टेबल के ज़रूरी साइज़ से कम ऊंचाई और चौड़ाई के विकल्प तय किए हैं. डिफ़ॉल्ट रूप से, RTL की सुविधा बंद होती है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
rtlEnabled | Boolean | true अगर दाएं से बाएं सहायता चालू होनी चाहिए, नहीं तो false. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
enableSorting(enableSorting)
तय करता है कि उपयोगकर्ता के किसी कॉलम शीर्षक पर क्लिक करने पर कॉलम क्रम से लगाए जाएं या नहीं.
अगर क्रम से लगाने की सुविधा चालू है, तो जब उपयोगकर्ता कॉलम हेडर पर क्लिक करते हैं, तो पंक्तियां अपने-आप क्रम से लग जाती हैं. क्रम से लगाने का डिफ़ॉल्ट तरीका चालू है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
enableSorting | Boolean | कॉलम हेडर पर क्लिक करके क्रम से लगाने के लिए true. अगर ऐसा नहीं है, तो false पर क्लिक करें. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataSourceUrl(url)
यह डेटा सोर्स का यूआरएल सेट करता है, जिसका इस्तेमाल किसी बाहरी सोर्स, जैसे कि Google Sheets से डेटा लाने के लिए किया जाता है. अगर कोई डेटा सोर्स यूआरएल और Dataटेबल दिया गया है, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.
डेटा सोर्स की क्वेरी करने के बारे में ज़्यादा जानकारी के लिए, Google चार्ट का दस्तावेज़ देखें.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
url | String | डेटा सोर्स का यूआरएल, जिसमें सभी क्वेरी पैरामीटर शामिल होते हैं. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(tableBuilder)
DatatableBuilder का इस्तेमाल करके, चार्ट में इस्तेमाल करने के लिए डेटा टेबल सेट करता है. यह build() को कॉल किए बिना डेटा टेबल सेट करने का आसान तरीका है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
tableBuilder | DataTableBuilder | डेटा टेबल बिल्डर. इस कॉल के तहत, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में होने वाला कोई भी अपडेट, चार्ट में नहीं दिखेगा. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(table)
डेटा टेबल सेट करता है, जिसमें चार्ट की लाइनें और X-ऐक्सिस लेबल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए और इसमें हॉरिज़ॉन्टल ऐक्सिस लेबल होना चाहिए. इसके बाद कितनी भी संख्या में कॉलम आ सकते हैं, सभी अंकों में होने चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
table | DataTableSource | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
चार्ट के लिए इस्तेमाल करने के लिए डेटा व्यू की परिभाषा सेट करता है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
dataViewDefinition | DataViewDefinition | डेटा व्यू डेफ़िनिशन ऑब्जेक्ट, जो उस व्यू के बारे में बताता है जिसे चार्ट ड्रॉइंग के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
setDimensions(width, height)
चार्ट के डाइमेंशन सेट करता है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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);
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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);
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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);
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
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();
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
option | String | सेट करने का विकल्प. |
value | Object | सेट की जाने वाली वैल्यू. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
showRowNumberColumn(showRowNumber)
सेट करता है कि पंक्ति की संख्या को टेबल के पहले कॉलम के तौर पर दिखाया जाए या नहीं.
डिफ़ॉल्ट रूप से, लाइन नंबर नहीं दिख रहे हैं.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
showRowNumber | Boolean | true, अगर टेबल के पहले कॉलम में लाइन की संख्या दिखनी चाहिए,
तो false नहीं. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.
useAlternatingRowStyle(alternate)
सेट करता है कि वैकल्पिक रंग शैली, टेबल चार्ट की विषम और सम पंक्तियों को असाइन की गई है या नहीं.
अलग-अलग रंग वाली लाइनों को डिफ़ॉल्ट तौर पर सेट किया जाता है.
पैरामीटर
| नाम | Type | ब्यौरा |
|---|---|---|
alternate | Boolean | अगर रंग की स्टाइल एक जैसी होनी चाहिए, तो true. अगर ऐसा नहीं है, तो false. |
रिटर्न
TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.