Class DataViewDefinitionBuilder

DataViewDefinition ऑब्जेक्ट के लिए बिल्डर.

यहां बिल्डर का इस्तेमाल करने का एक उदाहरण दिया गया है. यह डेटा Google Sheets से इंपोर्ट किया गया है.

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.
  const 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.
  const originalChart = Charts.newTableChart()
                            .setDimensions(600, 500)
                            .setDataSourceUrl(dataSourceUrl)
                            .build();

  // Create another chart to display a subset of the data (only columns 1 and
  // 4).
  const dataViewDefinition = Charts.newDataViewDefinition().setColumns([0, 3]);
  const limitedChart = Charts.newTableChart()
                           .setDimensions(200, 500)
                           .setDataSourceUrl(dataSourceUrl)
                           .setDataViewDefinition(dataViewDefinition)
                           .build();

  const htmlOutput = HtmlService.createHtmlOutput();
  const originalChartData = Utilities.base64Encode(
      originalChart.getAs('image/png').getBytes(),
  );
  const originalChartUrl =
      `data:image/png;base64,${encodeURI(originalChartData)}`;
  const limitedChartData = Utilities.base64Encode(
      limitedChart.getAs('image/png').getBytes(),
  );
  const 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 Charts के दस्तावेज़ में DataTable की भूमिकाएं देखें.

मान लें कि A1:C3 में मौजूद स्प्रेडशीट में यह डेटा है:

'abc', 20, 'blue';
'def', 30, 'red';
'ghi', 40, 'orange';

नीचे दिए गए कोड से एक बार चार्ट बनाया जाता है. इसमें हर बार का रंग अलग होता है. इन रंगों को "role column" स्टाइल के ज़रिए असाइन किया जाता है.

const COLUMN_SPEC = [
  0,  // categories
  1,  // counts
  {sourceColumn: 2, role: 'style'},
];

function roleColumnChart() {
  const spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  const sheet = spreadsheet.getActiveSheet();
  const viewSpec =
      Charts.newDataViewDefinition().setColumns(COLUMN_SPEC).build();
  const 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 — यह बिल्डर, चेन बनाने के लिए काम का है.