Mit diesem Dienst können Nutzer Diagramme mit den Google Charts-Tools erstellen und serverseitig rendern.
Wenn Sie Diagramme in einem Webbrowser rendern möchten, verwenden Sie stattdessen die Google Charts API.
In diesem Beispiel wird eine einfache Datentabelle erstellt, ein Flächendiagramm mit den Daten gefüllt und der Webseite als Bild hinzugefügt:
functiondoGet(){vardata=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();varchart=Charts.newAreaChart().setDataTable(data).setStacked().setRange(0,40).setTitle('Sales per Month').build();varhtmlOutput=HtmlService.createHtmlOutput().setTitle('My Chart');varimageData=Utilities.base64Encode(chart.getAs('image/png').getBytes());varimageUrl="data:image/png;base64,"+encodeURI(imageData);htmlOutput.append("Render chart server side: <br/>");htmlOutput.append("<img border=\"1\" src=\""+imageUrl+"\">");returnhtmlOutput;}
Hiermit wird die Anzahl der Markierungen (feste Positionen in einer Bereichsleiste) festgelegt, in die die Schieberegler eines Zahlenbereichsfilters fallen können.
Hiermit wird festgelegt, ob das Steuerelement nur mit genauen Werten (MatchType.EXACT), Präfixen am Anfang des Werts (MatchType.PREFIX) oder mit beliebigen Teilstrings (MatchType.ANY) übereinstimmen soll.
Hiermit wird festgelegt, ob die Übereinstimmung jedes Mal erfolgen soll, wenn eine Taste gedrückt wird, oder nur, wenn sich das Eingabefeld ändert (Verlust des Fokus oder Drücken der Eingabetaste).
Hiermit wird die Paginierung aktiviert. Außerdem wird die Anzahl der Zeilen auf jeder Seite und die erste Seite der Tabelle festgelegt (Seitennummern beginnen bei null).
Es wird eine grundlegende Unterstützung für rechtsläufige Sprachen wie Arabisch oder Hebräisch hinzugefügt, indem die Spaltenreihenfolge der Tabelle umgekehrt wird, sodass Spalte 0 die äußerste rechte Spalte und die letzte Spalte die äußerste linke Spalte ist.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2024-12-06 (UTC)."],[[["The Google Apps Script Charts Service enables server-side rendering of charts using Google Charts Tools, offering an alternative to the client-side Google Charts API."],["Charts are built using a structured process involving data table creation, chart construction with specific configurations like type, data source, and styling, and HTML output generation for display."],["The Charts Service provides a range of chart types, including AreaChart, BarChart, ColumnChart, LineChart, PieChart, ScatterChart, and TableChart, each with corresponding builder classes for customization."],["Comprehensive documentation details various classes and methods for data manipulation, visual styling, axes configuration, and interactive element creation, empowering developers to tailor charts to their needs."],["Developers can leverage methods from ScatterChartBuilder, StringFilterBuilder, TableChartBuilder, TextStyle, and TextStyleBuilder to fine-tune chart axes, filtering, table layouts, and text styles, enhancing chart customization and functionality."]]],["This service renders server-side charts using Google Charts Tools. Users create charts through builders like `AreaChartBuilder`, `BarChartBuilder`, etc. Data is structured in `DataTable` objects via `DataTableBuilder`. Charts can be converted to static images using `Chart.getAs()`. Customization includes setting colors, titles, dimensions, legends, axis styles, and data ranges. `ChartOptions` allow for advanced configurations. The `Charts` class provides the creation entry point and enums define chart, data, and styling options.\n"]]