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, 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.