Diese Seite wurde von der Cloud Translation API übersetzt.

Class Charts

Einstiegspunkt zum Erstellen von Diagrammen in Scripts.

In diesem Beispiel wird eine einfache Datentabelle erstellt, ein Flächendiagramm mit den Daten gefüllt und als Bild auf einer 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;
}

Attribute

Attribut	Typ	Beschreibung
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Eine Aufzählung, wie ausgeblendete Dimensionen in einer Quelle in einem Diagramm dargestellt werden.
`ChartMergeStrategy`	`ChartMergeStrategy`	Eine Aufzählung, wie mehrere Bereiche in der Quelle in einem Diagramm dargestellt werden.
`ChartType`	`ChartType`	Eine Aufzählung der Diagrammtypen, die vom Diagrammdienst unterstützt werden.
`ColumnType`	`ColumnType`	Eine Aufzählung der gültigen Datentypen für Spalten in einer `DataTable`.
`CurveStyle`	`CurveStyle`	Eine Aufzählung der Stile für Kurven in einem Diagramm.
`PointStyle`	`PointStyle`	Eine Aufzählung der Stile der Punkte in einer Linie.
`Position`	`Position`	Eine Aufzählung der Legendenpositionen in einem Diagramm.

Methoden

Methode	Rückgabetyp	Kurzbeschreibung
`newAreaChart()`	`AreaChartBuilder`	Damit wird ein Flächendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.
`newBarChart()`	`BarChartBuilder`	Damit wird ein Balkendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.
`newColumnChart()`	`ColumnChartBuilder`	Damit wird ein Säulendiagramm erstellt, 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`	Damit wird ein Liniendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.
`newPieChart()`	`PieChartBuilder`	Damit wird ein Kreisdiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.
`newScatterChart()`	`ScatterChartBuilder`	Damit wird ein Streudiagramm erstellt, wie in der Dokumentation zu Google-Diagrammtools beschrieben.
`newTableChart()`	`TableChartBuilder`	Damit wird ein Tabellendiagramm erstellt, wie in der Google-Diagrammtools-Dokumentation beschrieben.
`newTextStyle()`	`TextStyleBuilder`	Erstellt einen neuen Textstil-Builder.

Detaillierte Dokumentation

`newAreaChart()`

Damit wird ein Flächendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.

Rückflug

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

`newBarChart()`

Damit wird ein Balkendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.

Rückflug

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

`newColumnChart()`

Damit wird ein Säulendiagramm erstellt, wie in der Dokumentation zu Google-Diagrammtools 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 Datenansichtsdefinition.

Mit Settern können Sie die verschiedenen Eigenschaften der Datenansicht definieren.

Rückflug

DataViewDefinitionBuilder: Ein DataViewDefinitionBuilder, mit dem eine Datenansichtsdefinition erstellt werden kann.

`newLineChart()`

Damit wird ein Liniendiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.

Rückflug

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

`newPieChart()`

Damit wird ein Kreisdiagramm erstellt, wie in der Google Chart Tools-Dokumentation beschrieben.

Rückflug

PieChartBuilder: Ein PieChartBuilder, mit dem sich ein Kreisdiagramm erstellen lässt.

`newScatterChart()`

Damit wird ein Streudiagramm erstellt, wie in der Dokumentation zu Google-Diagrammtools beschrieben.

Rückflug

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

`newTableChart()`

Damit wird ein Tabellendiagramm erstellt, wie in der Google-Diagrammtools-Dokumentation beschrieben.

Rückflug

TableChartBuilder: Ein TableChartBuilder, mit dem sich ein Tabellendiagramm erstellen lässt.

`newTextStyle()`

Erstellt einen neuen Textstil-Builder.

Verwenden Sie die Setzerfunktionen, um die Standardwerte zu ändern.

Rückflug

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