Class Charts

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.