DataViewDefinition
ऑब्जेक्ट के लिए बिल्डर.
यहां बिल्डर का इस्तेमाल करने का एक उदाहरण दिया गया है. डेटा इंपोर्ट किया गया है Google स्प्रेडशीट से.
function doGet() { // This example creates two table charts side by side. One uses a data view definition to // restrict the number of displayed columns. // Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; // Create a chart to display all of the data. var originalChart = Charts.newTableChart() .setDimensions(600, 500) .setDataSourceUrl(dataSourceUrl) .build(); // Create another chart to display a subset of the data (only columns 1 and 4). var dataViewDefinition = Charts.newDataViewDefinition().setColumns([0, 3]); var limitedChart = Charts.newTableChart() .setDimensions(200, 500) .setDataSourceUrl(dataSourceUrl) .setDataViewDefinition(dataViewDefinition) .build(); var htmlOutput = HtmlService.createHtmlOutput(); var originalChartData = Utilities.base64Encode(originalChart.getAs('image/png').getBytes()); var originalChartUrl = "data:image/png;base64," + encodeURI(originalChartData); var limitedChartData = Utilities.base64Encode(limitedChart.getAs('image/png').getBytes()); var limitedChartUrl = "data:image/png;base64," + encodeURI(limitedChartData); htmlOutput.append("<table><tr><td>"); htmlOutput.append("<img border=\"1\" src=\"" + originalChartUrl + "\">"); htmlOutput.append("</td><td>"); htmlOutput.append("<img border=\"1\" src=\"" + limitedChartUrl + "\">"); htmlOutput.append("</td></tr></table>"); return htmlOutput; }
तरीके
तरीका | रिटर्न टाइप | संक्षिप्त विवरण |
---|---|---|
build() | DataViewDefinition | इस बिल्डर का इस्तेमाल करके बनाया गया डेटा व्यू डेफ़िनिशन ऑब्जेक्ट बनाता और दिखाता है. |
setColumns(columns) | DataViewDefinitionBuilder | डेटा व्यू में शामिल करने के साथ-साथ भूमिका-कॉलम तय करने के लिए, कॉलम के इंडेक्स सेट करता है जानकारी. |
विस्तृत दस्तावेज़
build()
इस बिल्डर का इस्तेमाल करके बनाया गया डेटा व्यू डेफ़िनिशन ऑब्जेक्ट बनाता और दिखाता है.
वापसी का टिकट
DataViewDefinition
— इस बिल्डर का इस्तेमाल करके बनाया गया डेटा व्यू डेफ़िनिशन ऑब्जेक्ट.
setColumns(columns)
डेटा व्यू में शामिल करने के साथ-साथ भूमिका-कॉलम तय करने के लिए, कॉलम के इंडेक्स सेट करता है जानकारी. कॉलम इंडेक्स का यह सबसेट, डेटा सोर्स के उन कॉलम को दिखाता है जिन्हें डेटा व्यू यहां से लिया गया है.
कॉलम की भूमिका से पता चलता है कि कॉलम में मौजूद डेटा का मकसद क्या है: उदाहरण के लिए, कोई कॉलम टूलटिप टेक्स्ट, डेटा पॉइंट एनोटेशन या अनिश्चितता के इंडिकेटर वाला डेटा सेव करके रखें. ज़्यादा के लिए विवरण के लिए, Google चार्ट में DataTable भूमिकाएं देखें दस्तावेज़.
मान लें कि A1:C3 में नीचे दिए गए डेटा वाली स्प्रेडशीट है:
"abc", 20, "blue" "def", 30, "red" "ghi", 40, "orange"अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है नीचे दिया गया कोड ऐसा बार चार्ट बनाता है जिसमें हर बार का रंग अलग होता है. ये रंग हैं असाइन किया गया है.
var COLUMN_SPEC = [ 0, // categories 1, // counts {sourceColumn: 2, role: 'style'} ]; function roleColumnChart() { var spreadsheet = SpreadsheetApp.getActiveSpreadsheet(); var sheet = spreadsheet.getActiveSheet(); var viewSpec = Charts.newDataViewDefinition() .setColumns(COLUMN_SPEC) .build(); var chartBuilder = sheet.newChart() .setChartType(Charts.ChartType.BAR) .setDataViewDefinition(viewSpec) .setOption('useFirstColumnAsDomain', true) .setPosition(5, 1, 0, 0) .setOption('hAxis', { title: 'Counts' }) .setOption('vAxis', { title: 'Categories' }) .addRange(sheet.getRange('A1:C3')); sheet.insertChart(chartBuilder.build()); };
पैरामीटर
नाम | टाइप | ब्यौरा |
---|---|---|
columns | Object[] | शामिल करने के लिए, कॉलम इंडेक्स का कलेक्शन या कॉलम की जानकारी (एक ऑब्जेक्ट) डेटा व्यू. कॉलम की जानकारी से कॉलम की भूमिका तय होती है. डेटा टेबल और डेटा व्यू कॉलम की गिनती, शून्य पर आधारित होती है. |
वापसी का टिकट
DataViewDefinitionBuilder
— यह बिल्डर, चेन बनाने में मदद करता है.