Einstiegspunkt zum Erstellen von Diagrammen in Skripts.
In diesem Beispiel wird eine einfache Datentabelle erstellt, die Daten in ein Flächendiagramm eingefügt und auf einer Webseite als Bild:
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
Attribut | 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 Charts-Dienst 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 in einer Linie. |
Position | Position | Eine Aufzählung der Legendenpositionen in einem Diagramm. |
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
newAreaChart() | AreaChartBuilder | Mit der Erstellung eines Flächendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation. |
newBarChart() | BarChartBuilder | Mit der Erstellung eines Balkendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation. |
newColumnChart() | ColumnChartBuilder | Mit der Erstellung eines Säulendiagramms beginnt, wie in Google-Diagramm Tools-Dokumentation. |
newDataTable() | DataTableBuilder | Erstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können. |
newDataViewDefinition() | DataViewDefinitionBuilder | Erstellt eine neue Datenansichtsdefinition. |
newLineChart() | LineChartBuilder | Mit der Erstellung eines Liniendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation. |
newPieChart() | PieChartBuilder | Mit der Erstellung eines Kreisdiagramms beginnen, wie im Abschnitt Google-Diagramm Tools-Dokumentation. |
newScatterChart() | ScatterChartBuilder | Mit der Erstellung eines Streudiagramms beginnt, wie im Google-Diagramm beschrieben. Tools-Dokumentation. |
newTableChart() | TableChartBuilder | Mit der Erstellung eines Tabellendiagramms beginnt, wie im Abschnitt Google-Diagramm Tools-Dokumentation. |
newTextStyle() | TextStyleBuilder | Erstellt einen neuen Textstil-Builder. |
Detaillierte Dokumentation
newAreaChart()
Mit der Erstellung eines Flächendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
Rückflug
AreaChartBuilder
: Ein AreaChartBuilder, mit dem ein Flächendiagramm erstellt werden kann.
newBarChart()
Mit der Erstellung eines Balkendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
Rückflug
BarChartBuilder
: Ein BarChartBuilder, mit dem ein Balkendiagramm erstellt werden kann.
newColumnChart()
Mit der Erstellung eines Säulendiagramms beginnt, wie in Google-Diagramm Tools-Dokumentation.
Rückflug
ColumnChartBuilder
: Ein ColumnChartBuilder, mit dem ein Säulendiagramm erstellt werden kann.
newDataTable()
Erstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können.
Datentabellen enthalten die Daten für alle Diagrammtypen.
Rückflug
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.
Rückflug
DataViewDefinitionBuilder
: Ein DataViewDefinitionBuilder, mit dem eine Datenansichtsdefinition erstellt werden kann.
newLineChart()
Mit der Erstellung eines Liniendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
Rückflug
LineChartBuilder
: Ein LineChartBuilder, mit dem ein Liniendiagramm erstellt werden kann.
newPieChart()
Mit der Erstellung eines Kreisdiagramms beginnen, wie im Abschnitt Google-Diagramm Tools-Dokumentation.
Rückflug
PieChartBuilder
: Ein PieChartBuilder, mit dem ein Kreisdiagramm erstellt werden kann.
newScatterChart()
Mit der Erstellung eines Streudiagramms beginnt, wie im Google-Diagramm beschrieben. Tools-Dokumentation.
Rückflug
ScatterChartBuilder
: Ein ScatterChartBuilder, mit dem ein Streudiagramm erstellt werden kann.
newTableChart()
Mit der Erstellung eines Tabellendiagramms beginnt, wie im Abschnitt Google-Diagramm Tools-Dokumentation.
Rückflug
TableChartBuilder
: Ein TableChartBuilder, mit dem ein Tabellendiagramm erstellt werden kann.
newTextStyle()
Erstellt einen neuen Textstil-Builder.
Verwenden Sie zum Ändern der Standardwerte die Setter-Funktionen.
Rückflug
TextStyleBuilder
: Ein TextStyleBuilder, mit dem ein Textstil-Konfigurationsobjekt erstellt werden kann.