Einstiegspunkt zum Erstellen von Diagrammen in Skripts
In diesem Beispiel wird eine einfache Datentabelle erstellt, ein Flächendiagramm mit den Daten gefüllt und einer Webseite als Bild hinzugefügt:
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; }
Attribute
Property | Typ | Beschreibung |
---|---|---|
ChartHiddenDimensionStrategy | ChartHiddenDimensionStrategy | Eine Aufzählung, wie ausgeblendete Dimensionen in einer Quelle in einem Diagramm ausgedrückt werden. |
ChartMergeStrategy | ChartMergeStrategy | Eine Aufzählung, wie mehrere Bereiche in der Quelle in einem Diagramm ausgedrückt werden. |
ChartType | ChartType | Eine Aufzählung der vom Diagrammdienst unterstützten Diagrammtypen. |
ColumnType | ColumnType | Eine Aufzählung der gültigen Datentypen für Spalten in einem DataTable . |
CurveStyle | CurveStyle | Eine Aufzählung der Kurvenstile in einem Diagramm. |
PointStyle | PointStyle | Eine Aufzählung der Stile von Punkten auf einer Linie. |
Position | Position | Eine Aufzählung der Legendenpositionen in einem Diagramm. |
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
newAreaChart() | AreaChartBuilder | Beginnt mit dem Erstellen eines Flächendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newBarChart() | BarChartBuilder | Beginnt mit der Erstellung eines Balkendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newColumnChart() | ColumnChartBuilder | Beginnt mit der Erstellung eines Säulendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newDataTable() | DataTableBuilder | Erstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können. |
newDataViewDefinition() | DataViewDefinitionBuilder | Erstellt eine neue Datenansichtsdefinition. |
newLineChart() | LineChartBuilder | Beginnt mit der Erstellung eines Liniendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newPieChart() | PieChartBuilder | Beginnt mit der Erstellung eines Kreisdiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newScatterChart() | ScatterChartBuilder | Beginnt mit dem Erstellen eines Streudiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newTableChart() | TableChartBuilder | Beginnt mit der Erstellung eines Tabellendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben. |
newTextStyle() | TextStyleBuilder | Erstellt einen neuen Textstil-Builder. |
Detaillierte Dokumentation
newAreaChart()
Beginnt mit dem Erstellen eines Flächendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
AreaChartBuilder
: Ein AreaChartBuilder, mit dem ein Flächendiagramm erstellt werden kann.
newBarChart()
Beginnt mit der Erstellung eines Balkendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
BarChartBuilder
: Ein BarChartBuilder, der zum Erstellen eines Balkendiagramms verwendet werden kann.
newColumnChart()
Beginnt mit der Erstellung eines Säulendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
ColumnChartBuilder
: Ein ColumnChartBuilder, der zum Erstellen eines Säulendiagramms verwendet werden kann.
newDataTable()
Erstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können.
Datentabellen enthalten die Daten für alle Diagrammtypen.
Return
DataTableBuilder
: Ein DataTableBuilder, der Daten für Diagramme enthalten kann.
newDataViewDefinition()
Erstellt eine neue Datenansichtsdefinition.
Verwenden Sie Setter, um die verschiedenen Eigenschaften der Datenansicht zu definieren.
Return
DataViewDefinitionBuilder
: Ein DataViewDefinitionBuilder, der zum Erstellen einer Datenansichtsdefinition verwendet werden kann.
newLineChart()
Beginnt mit der Erstellung eines Liniendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
LineChartBuilder
: LineChartBuilder, mit dem ein Liniendiagramm erstellt werden kann.
newPieChart()
Beginnt mit der Erstellung eines Kreisdiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
PieChartBuilder
: Ein PieChartBuilder, der zum Erstellen eines Kreisdiagramms verwendet werden kann.
newScatterChart()
Beginnt mit dem Erstellen eines Streudiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
ScatterChartBuilder
: Ein ScatterChartBuilder, der zum Erstellen eines Streudiagramms verwendet werden kann.
newTableChart()
Beginnt mit der Erstellung eines Tabellendiagramms, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
Return
TableChartBuilder
: Ein TableChartBuilder, der zum Erstellen eines Tabellendiagramms verwendet werden kann.
newTextStyle()
Erstellt einen neuen Textstil-Builder.
Um die Standardwerte zu ändern, verwenden Sie die Setter-Funktionen.
Return
TextStyleBuilder
: Ein TextStyleBuilder, der zum Erstellen eines Textstil-Konfigurationsobjekts verwendet werden kann.