Class Charts

Diagramme

Einstiegspunkt zum Erstellen von Diagrammen in Skripts.

In diesem Beispiel wird eine einfache Datentabelle erstellt, ein Flächendiagramm mit den Daten gefüllt und als Bild in eine Webseite eingefügt:

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;
}

Properties

AttributTypBeschreibung
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyEine Aufzählung, wie ausgeblendete Dimensionen in einer Quelle in einem Diagramm dargestellt werden.
ChartMergeStrategyChartMergeStrategyEine Aufzählung, wie mehrere Bereiche in der Quelle in einem Diagramm dargestellt werden.
ChartTypeChartTypeEine Aufzählung der Diagrammtypen, die vom Charts-Dienst unterstützt werden.
ColumnTypeColumnTypeEine Aufzählung der gültigen Datentypen für Spalten in einer DataTable.
CurveStyleCurveStyleEine Aufzählung der Stile für Kurven in einem Diagramm.
PointStylePointStyleEine Aufzählung der Stile von Punkten in einer Linie.
PositionPositionEine Aufzählung der Legendenpositionen in einem Diagramm.

Methoden

MethodeRückgabetypKurzbeschreibung
newAreaChart()AreaChartBuilderBeginnt mit dem Erstellen eines Flächendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newBarChart()BarChartBuilderBeginnt mit dem Erstellen eines Balkendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newColumnChart()ColumnChartBuilderBeginnt mit dem Erstellen eines Säulendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newDataTable()DataTableBuilderErstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können.
newDataViewDefinition()DataViewDefinitionBuilderErstellt eine neue Definition der Datenansicht.
newLineChart()LineChartBuilderBeginnt mit dem Erstellen eines Liniendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newPieChart()PieChartBuilderBeginnt mit dem Erstellen eines Kreisdiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newScatterChart()ScatterChartBuilderBeginnt mit dem Erstellen eines Streudiagramms, wie in der Google Chart Tools Dokumentation beschrieben.
newTableChart()TableChartBuilderBeginnt mit dem Erstellen eines Tabellendiagramms, wie in der Google Chart Tools-Dokumentation beschrieben.
newTextStyle()TextStyleBuilderErstellt einen neuen Textstil-Builder.

Detaillierte Dokumentation

newAreaChart()

Beginnt mit dem Erstellen eines Flächendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

Rückflug

AreaChartBuilder : Ein AreaChartBuilder, mit dem ein Flächendiagramm erstellt werden kann.


newBarChart()

Beginnt mit dem Erstellen eines Balkendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

Rückflug

BarChartBuilder : Ein BarChartBuilder, mit dem ein Balkendiagramm erstellt werden kann.


newColumnChart()

Beginnt mit dem Erstellen eines Säulendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

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 Definition der Datenansicht.

Verwenden Sie Setter, um die verschiedenen Eigenschaften der Datenansicht zu definieren.

Rückflug

DataViewDefinitionBuilder : Ein DataViewDefinitionBuilder, mit dem eine Definition der Datenansicht erstellt werden kann.


newLineChart()

Beginnt mit dem Erstellen eines Liniendiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

Rückflug

LineChartBuilder : Ein LineChartBuilder, mit dem ein Liniendiagramm erstellt werden kann.


newPieChart()

Beginnt mit dem Erstellen eines Kreisdiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

Rückflug

PieChartBuilder : Ein PieChartBuilder, mit dem ein Kreisdiagramm erstellt werden kann.


newScatterChart()

Beginnt mit dem Erstellen eines Streudiagramms, wie in der Google Chart Tools Dokumentation beschrieben.

Rückflug

ScatterChartBuilder : Ein ScatterChartBuilder, mit dem ein Streudiagramm erstellt werden kann.


newTableChart()

Beginnt mit dem Erstellen eines Tabellendiagramms, wie in der Google Chart Tools-Dokumentation beschrieben.

Rückflug

TableChartBuilder : Ein TableChartBuilder, mit dem ein Tabellendiagramm erstellt werden kann.


newTextStyle()

Erstellt einen neuen Textstil-Builder.

Verwenden Sie die Setter-Funktionen, um die Standardwerte zu ändern.

Rückflug

TextStyleBuilder : Ein TextStyleBuilder, mit dem ein Konfigurationsobjekt für den Textstil erstellt werden kann.