इस पेज का अनुवाद Cloud Translation API से किया गया है.

Class Charts

स्क्रिप्ट में चार्ट बनाने के लिए एंट्री पॉइंट.

इस उदाहरण में, एक बुनियादी डेटा टेबल बनाई गई है. साथ ही, डेटा के साथ एक एरिया चार्ट भरा गया है और उसे वेब पेज में इमेज के तौर पर जोड़ा गया है:

function doGet() {
  const data = Charts.newDataTable()
                   .addColumn(Charts.ColumnType.STRING, 'Month')
                   .addColumn(Charts.ColumnType.NUMBER, 'In Store')
                   .addColumn(Charts.ColumnType.NUMBER, 'Online')
                   .addRow(['January', 10, 1])
                   .addRow(['February', 12, 1])
                   .addRow(['March', 20, 2])
                   .addRow(['April', 25, 3])
                   .addRow(['May', 30, 4])
                   .build();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

प्रॉपर्टी

प्रॉपर्टी	टाइप	ब्यौरा
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	यह बताने वाला उदाहरण कि किसी सोर्स में छिपे हुए डाइमेंशन, चार्ट में कैसे दिखाए जाते हैं.
`ChartMergeStrategy`	`ChartMergeStrategy`	सोर्स में मौजूद एक से ज़्यादा रेंज को चार्ट में किस तरह दिखाया जाता है, इसकी जानकारी देने वाली इमेज.
`ChartType`	`ChartType`	Charts सेवा के साथ काम करने वाले चार्ट टाइप की सूची.
`ColumnType`	`ColumnType`	`DataTable` में कॉलम के लिए मान्य डेटा टाइप की सूची.
`CurveStyle`	`CurveStyle`	चार्ट में कर्व के लिए स्टाइल की सूची.
`PointStyle`	`PointStyle`	किसी लाइन में पॉइंट के स्टाइल की गिनती.
`Position`	`Position`	चार्ट में लेजेंड की पोज़िशन की जानकारी.

तरीके

तरीका	रिटर्न टाइप	संक्षिप्त विवरण
`newAreaChart()`	`AreaChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, एरिया चार्ट बनाना शुरू करता है.
`newBarChart()`	`BarChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, बार चार्ट बनाना शुरू करता है.
`newColumnChart()`	`ColumnChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, कॉलम चार्ट बनाना शुरू करता है.
`newDataTable()`	`DataTableBuilder`	खाली डेटा टेबल बनाता है, जिसकी वैल्यू मैन्युअल तरीके से सेट की जा सकती है.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	नई डेटा व्यू डेफ़िनिशन बनाता है.
`newLineChart()`	`LineChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, लाइन चार्ट बनाना शुरू करता है.
`newPieChart()`	`PieChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, पाई चार्ट बनाना शुरू करता है.
`newScatterChart()`	`ScatterChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, स्कैटर चार्ट बनाना शुरू करता है.
`newTableChart()`	`TableChartBuilder`	Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, टेबल चार्ट बनाना शुरू करता है.
`newTextStyle()`	`TextStyleBuilder`	नया टेक्स्ट स्टाइल बिल्डर बनाता है.

ज़्यादा जानकारी वाला दस्तावेज़

`newAreaChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, एरिया चार्ट बनाना शुरू करता है.

वापसी का टिकट

AreaChartBuilder — AreaChartBuilder, जिसका इस्तेमाल एरिया चार्ट बनाने के लिए किया जा सकता है.

`newBarChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, बार चार्ट बनाना शुरू करता है.

वापसी का टिकट

BarChartBuilder — BarChartBuilder, जिसका इस्तेमाल बार चार्ट बनाने के लिए किया जा सकता है.

`newColumnChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, कॉलम चार्ट बनाना शुरू करता है.

वापसी का टिकट

ColumnChartBuilder — ColumnChartBuilder, जिसका इस्तेमाल कॉलम चार्ट बनाने के लिए किया जा सकता है.

`newDataTable()`

खाली डेटा टेबल बनाता है, जिसकी वैल्यू मैन्युअल तरीके से सेट की जा सकती है.

डेटा टेबल में सभी तरह के चार्ट का डेटा होता है.

वापसी का टिकट

DataTableBuilder — DataTableBuilder, जिसमें चार्ट का डेटा सेव किया जा सकता है.

`newDataViewDefinition()`

नई डेटा व्यू डेफ़िनिशन बनाता है.

डेटा व्यू की अलग-अलग प्रॉपर्टी तय करने के लिए, सेटर का इस्तेमाल करें.

वापसी का टिकट

DataViewDefinitionBuilder — DataViewDefinitionBuilder, जिसका इस्तेमाल डेटा व्यू डेफ़िनिशन बनाने के लिए किया जा सकता है.

`newLineChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, लाइन चार्ट बनाना शुरू करता है.

वापसी का टिकट

LineChartBuilder — LineChartBuilder, जिसका इस्तेमाल लाइन चार्ट बनाने के लिए किया जा सकता है.

`newPieChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, पाई चार्ट बनाना शुरू करता है.

वापसी का टिकट

PieChartBuilder — PieChartBuilder, जिसका इस्तेमाल पाई चार्ट बनाने के लिए किया जा सकता है.

`newScatterChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, स्कैटर चार्ट बनाना शुरू करता है.

वापसी का टिकट

ScatterChartBuilder — ScatterChartBuilder, जिसका इस्तेमाल स्कैटर चार्ट बनाने के लिए किया जा सकता है.

`newTableChart()`

Google Chart Tools के दस्तावेज़ में बताए गए तरीके से, टेबल चार्ट बनाना शुरू करता है.

वापसी का टिकट

TableChartBuilder — TableChartBuilder, जिसका इस्तेमाल टेबल चार्ट बनाने के लिए किया जा सकता है.

`newTextStyle()`

नया टेक्स्ट स्टाइल बिल्डर बनाता है.

डिफ़ॉल्ट वैल्यू बदलने के लिए, सेटर फ़ंक्शन का इस्तेमाल करें.

वापसी का टिकट

TextStyleBuilder — TextStyleBuilder, जिसका इस्तेमाल टेक्स्ट स्टाइल कॉन्फ़िगरेशन ऑब्जेक्ट बनाने के लिए किया जा सकता है.