Class TableChartBuilder

TableChartBuilder

टेबल चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, 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यह चार्ट बनाता है.
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 होता है.

पैरामीटर

नामटाइपब्यौरा
enablePagingBooleanअगर पेजिंग की सुविधा चालू करनी है, तो 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);

पैरामीटर

नामटाइपब्यौरा
pageSizeIntegerटेबल के हर पेज में मौजूद लाइनों की संख्या.

वापसी का टिकट

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);

पैरामीटर

नामटाइपब्यौरा
pageSizeIntegerटेबल के हर पेज में मौजूद लाइनों की संख्या.
startPageIntegerटेबल का पहला पेज, जिसे दिखाना है (पेज नंबर शून्य से शुरू होते हैं).

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


enableRtlTable(rtlEnabled)

इससे दाएं से बाएं लिखी जाने वाली भाषाओं (जैसे, अरबी या हिब्रू) के लिए बुनियादी सहायता मिलती है. इसके लिए, टेबल के कॉलम का क्रम उलट दिया जाता है, ताकि कॉलम ज़ीरो सबसे दाईं ओर वाला कॉलम हो और आखिरी कॉलम सबसे बाईं ओर वाला कॉलम हो.

इससे बुनियादी डेटा में कॉलम इंडेक्स पर कोई असर नहीं पड़ता. इससे सिर्फ़ डिसप्ले के क्रम पर असर पड़ता है. इस विकल्प के साथ भी, टेबल विज़ुअलाइज़ेशन में दोनों दिशाओं (BiDi) में लिखी जाने वाली भाषा को पूरी तरह से नहीं दिखाया जा सकता. अगर आपने पेजिंग की सुविधा चालू की है (पेज विकल्प का इस्तेमाल करके) या टेबल में स्क्रोल बार हैं, तो इस विकल्प को अनदेखा कर दिया जाता है. ऐसा इसलिए होता है, क्योंकि आपने ऊंचाई और चौड़ाई के ऐसे विकल्प चुने हैं जो टेबल के ज़रूरी साइज़ से कम हैं. डिफ़ॉल्ट रूप से, आरटीएल की सुविधा बंद होती है.

पैरामीटर

नामटाइपब्यौरा
rtlEnabledBooleantrue अगर दाएं से बाएं लिखने की सुविधा चालू करनी है, तो false अन्यथा.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


enableSorting(enableSorting)

इस विकल्प का इस्तेमाल यह सेट करने के लिए किया जाता है कि जब उपयोगकर्ता किसी कॉलम के हेडर पर क्लिक करे, तो कॉलम को क्रम से लगाया जाए या नहीं.

सॉर्ट करने की सुविधा चालू होने पर, जब उपयोगकर्ता कॉलम हेडर पर क्लिक करते हैं, तो लाइनें अपने-आप क्रम से लग जाती हैं. डिफ़ॉल्ट रूप से, क्रम से लगाने की सुविधा चालू होती है.

पैरामीटर

नामटाइपब्यौरा
enableSortingBooleantrue पर क्लिक करें. ऐसा करने से, कॉलम हेडर पर क्लिक करके क्रम से लगाने की सुविधा चालू हो जाएगी. अगर आपको यह सुविधा चालू नहीं करनी है, तो false पर क्लिक करें.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataSourceUrl(url)

यह विकल्प, डेटा सोर्स का वह यूआरएल सेट करता है जिसका इस्तेमाल, Google Sheets जैसे किसी बाहरी सोर्स से डेटा पुल करने के लिए किया जाता है. अगर डेटा सोर्स यूआरएल और DataTable, दोनों दिए जाते हैं, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.

डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.

पैरामीटर

नामटाइपब्यौरा
urlStringडेटा सोर्स का यूआरएल. इसमें क्वेरी पैरामीटर भी शामिल हैं.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataTable(tableBuilder)

यह DataTableBuilder का इस्तेमाल करके, चार्ट के लिए डेटा टेबल सेट करता है. यह डेटा टेबल को सेट करने का एक आसान तरीका है. इसके लिए, आपको build() को कॉल करने की ज़रूरत नहीं होती.

पैरामीटर

नामटाइपब्यौरा
tableBuilderDataTableBuilderडेटा टेबल बनाने वाला टूल. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataTable(table)

यह उस डेटा टेबल को सेट करता है जिसमें चार्ट के लिए लाइनें और X-ऐक्सिस के लेबल शामिल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, जितने चाहें उतने कॉलम जोड़े जा सकते हैं. हालांकि, सभी कॉलम में सिर्फ़ संख्याएं होनी चाहिए. हर कॉलम को अलग लाइन के तौर पर दिखाया जाता है.

पैरामीटर

नामटाइपब्यौरा
tableDataTableSourceचार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDataViewDefinition(dataViewDefinition)

इस विकल्प की मदद से, चार्ट के लिए इस्तेमाल की जाने वाली डेटा व्यू की परिभाषा सेट की जाती है.

पैरामीटर

नामटाइपब्यौरा
dataViewDefinitionDataViewDefinitionयह डेटा व्यू की परिभाषा वाला ऑब्जेक्ट है. यह उस व्यू को तय करता है जिसे चार्ट बनाने के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setDimensions(width, height)

इस विकल्प से, चार्ट के डाइमेंशन सेट किए जाते हैं.

पैरामीटर

नामटाइपब्यौरा
widthIntegerपिक्सल में चार्ट की चौड़ाई.
heightIntegerपिक्सल में चार्ट की ऊंचाई.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setFirstRowNumber(number)

यह विकल्प, डेटा टेबल की पहली लाइन के लिए लाइन नंबर सेट करता है.

पहली लाइन का डिफ़ॉल्ट लाइन नंबर 1 होता है.

// Creates a table chart builder and sets the first row to be 2.
const builder = Charts.newTableChart();
builder.setFirstRowNumber(2);

पैरामीटर

नामटाइपब्यौरा
numberIntegerडेटा टेबल में पहली लाइन का नंबर.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setInitialSortingAscending(column)

इस विकल्प की मदद से, उस कॉलम का इंडेक्स सेट किया जाता है जिसके हिसाब से टेबल को शुरू में क्रम में लगाया जाना चाहिए (बढ़ते क्रम में).

कॉलम को बढ़ते क्रम में लगाया गया है और इस बात को दिखाने के लिए, उस पर एक छोटा ऐरो मार्क किया गया है.

// Creates a table chart builder and sorts it by the second column (ascending).
const builder = Charts.newTableChart();
builder.setInitialSortingAscending(2);

पैरामीटर

नामटाइपब्यौरा
columnIntegerकॉलम की वह संख्या जिसके हिसाब से टेबल को शुरू में क्रम से लगाया जाना चाहिए.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setInitialSortingDescending(column)

इस विकल्प का इस्तेमाल करके, उस कॉलम का इंडेक्स सेट किया जाता है जिसके हिसाब से टेबल को शुरुआत में क्रम से लगाया जाना चाहिए (घटते क्रम में).

कॉलम को घटते क्रम में लगाया गया है और इस बात को दिखाने के लिए, उस पर एक छोटा ऐरो का निशान लगाया गया है.

// Creates a table chart builder and sorts it by the second column (descending).
const builder = Charts.newTableChart();
builder.setInitialSortingDescending(2);

पैरामीटर

नामटाइपब्यौरा
columnIntegerकॉलम की वह संख्या जिसके हिसाब से टेबल को शुरू में क्रम से लगाया जाना चाहिए.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


setOption(option, value)

इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं होता.

// Build a table chart which renders HTML.
const builder = Charts.newTableChart();
builder.setOption('allowHtml', {@code true});
const chart = builder.build();

पैरामीटर

नामटाइपब्यौरा
optionStringसेट करने का विकल्प.
valueObjectसेट की जाने वाली वैल्यू.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


showRowNumberColumn(showRowNumber)

यह विकल्प सेट करता है कि टेबल के पहले कॉलम के तौर पर लाइन नंबर दिखाया जाए या नहीं.

डिफ़ॉल्ट रूप से, लाइन नंबर नहीं दिखते हैं.

पैरामीटर

नामटाइपब्यौरा
showRowNumberBooleantrue अगर टेबल के पहले कॉलम में लाइन नंबर दिखाना है, तो false नहीं तो.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.


useAlternatingRowStyle(alternate)

इससे यह तय होता है कि टेबल चार्ट की ऑड और ईवन लाइनों को अलग-अलग रंग की स्टाइल असाइन की गई है या नहीं.

डिफ़ॉल्ट रूप से, लाइनों को अलग-अलग रंग में दिखाया जाता है.

पैरामीटर

नामटाइपब्यौरा
alternateBooleantrue अगर रंग के स्टाइल को बारी-बारी से इस्तेमाल किया जाना चाहिए, तो false नहीं तो.

वापसी का टिकट

TableChartBuilder — यह बिल्डर, चेन बनाने के लिए काम का है.