Diese Seite wurde von der Cloud Translation API übersetzt.

Class Charts

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.