स्क्रिप्ट में चार्ट बनाने के लिए एंट्री पॉइंट.
यह उदाहरण एक बुनियादी डेटा टेबल बनाता है, एरिया चार्ट में डेटा अपने-आप भरता है, और इसे जोड़ देता है वेब पेज में इमेज के तौर पर जोड़ें:
function doGet() { var 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(); var chart = Charts.newAreaChart() .setDataTable(data) .setStacked() .setRange(0, 40) .setTitle("Sales per Month") .build(); var htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart'); var imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes()); var 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 | चार्ट सेवा के साथ काम करने वाले चार्ट टाइप की सूची. |
ColumnType | ColumnType | DataTable में कॉलम के लिए, मान्य डेटा टाइप की गिनती. |
CurveStyle | CurveStyle | चार्ट में कर्व के लिए स्टाइल की गिनती. |
PointStyle | PointStyle | किसी लाइन में पॉइंट की स्टाइल की गिनती. |
Position | Position | चार्ट में लेजेंड की पोज़िशन की गिनती. |
तरीके
विस्तृत दस्तावेज़
newAreaChart()
Google चार्ट में बताए गए तरीके से एरिया चार्ट बनाना शुरू करता है टूल दस्तावेज़.
वापसी का टिकट
AreaChartBuilder — EarthChartBuilder, जिसका इस्तेमाल एरिया चार्ट बनाने के लिए किया जा सकता है.
newBarChart()
Google चार्ट में बताए गए तरीके से बार चार्ट बनाना शुरू करता है टूल दस्तावेज़.
वापसी का टिकट
BarChartBuilder — एक BarChartBuilder, जिसका इस्तेमाल बार चार्ट बनाने के लिए किया जा सकता है.
newColumnChart()
Google चार्ट में बताए गए तरीके के मुताबिक, कॉलम चार्ट बनाना शुरू करता है टूल दस्तावेज़.
वापसी का टिकट
ColumnChartBuilder — एक ColumnChartBuilder, जिसका इस्तेमाल कॉलम चार्ट बनाने के लिए किया जा सकता है.
newDataTable()
एक खाली डेटा टेबल बनाता है, जिसमें इसकी वैल्यू मैन्युअल रूप से सेट की जा सकती हैं.
डेटा टेबल में सभी तरह के चार्ट का डेटा होता है.
वापसी का टिकट
DataTableBuilder — एक DataTableBuilder, जो चार्ट के लिए डेटा सेव कर सकता है.
newDataViewDefinition()
डेटा व्यू की नई परिभाषा बनाता है.
डेटा व्यू की अलग-अलग प्रॉपर्टी तय करने के लिए सेटर का इस्तेमाल करें.
वापसी का टिकट
DataViewDefinitionBuilder — DataViewDefinitionBuilder. इसका इस्तेमाल डेटा व्यू की परिभाषा बनाने के लिए किया जा सकता है.
newLineChart()
Google चार्ट में बताए गए तरीके के मुताबिक लाइन चार्ट बनाना शुरू करता है टूल दस्तावेज़.
वापसी का टिकट
LineChartBuilder — LineChartBuilder, जिसका इस्तेमाल लाइन चार्ट बनाने के लिए किया जा सकता है.
newPieChart()
पाई चार्ट बनाना शुरू करें, जैसा कि Google चार्ट में बताया गया है टूल दस्तावेज़.
वापसी का टिकट
PieChartBuilder — एक PieChartBuilder, जिसका इस्तेमाल पाई चार्ट बनाने के लिए किया जा सकता है.
newScatterChart()
स्कैटर चार्ट बनाना शुरू करता है, जैसा कि Google चार्ट में बताया गया है टूल दस्तावेज़.
वापसी का टिकट
ScatterChartBuilder — ScatterChartBuilder, जिसका इस्तेमाल स्कैटर चार्ट बनाने के लिए किया जा सकता है.
newTableChart()
Google चार्ट में बताए गए तरीके के मुताबिक, टेबल चार्ट बनाना शुरू करता है टूल दस्तावेज़.
वापसी का टिकट
TableChartBuilder — टेबल चार्टबिल्डर, जिसका इस्तेमाल टेबल चार्ट बनाने के लिए किया जा सकता है.
newTextStyle()
एक नया टेक्स्ट स्टाइल बिल्डर बनाता है.
डिफ़ॉल्ट वैल्यू बदलने के लिए, सेटर फ़ंक्शन का इस्तेमाल करें.
वापसी का टिकट
TextStyleBuilder — एक TextStyleBuilder, जिसका इस्तेमाल टेक्स्ट स्टाइल कॉन्फ़िगरेशन ऑब्जेक्ट बनाने के लिए किया जा सकता है.