Class Charts

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

AttributTypBeschreibung
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyEine Aufzählung, wie ausgeblendete Dimensionen in einer Quelle in einem Diagramm ausgedrückt werden.
ChartMergeStrategyChartMergeStrategyEine Aufzählung, wie mehrere Bereiche in der Quelle in einem Diagramm ausgedrückt werden.
ChartTypeChartTypeEine Aufzählung der vom Charts-Dienst unterstützten Diagrammtypen.
ColumnTypeColumnTypeEine Aufzählung der gültigen Datentypen für Spalten in einem DataTable.
CurveStyleCurveStyleEine Aufzählung der Kurvenstile 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()AreaChartBuilderMit der Erstellung eines Flächendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
newBarChart()BarChartBuilderMit der Erstellung eines Balkendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
newColumnChart()ColumnChartBuilderMit der Erstellung eines Säulendiagramms beginnt, wie in Google-Diagramm Tools-Dokumentation.
newDataTable()DataTableBuilderErstellt eine leere Datentabelle, deren Werte manuell festgelegt werden können.
newDataViewDefinition()DataViewDefinitionBuilderErstellt eine neue Datenansichtsdefinition.
newLineChart()LineChartBuilderMit der Erstellung eines Liniendiagramms beginnt, wie in Google-Diagramm beschrieben. Tools-Dokumentation.
newPieChart()PieChartBuilderMit der Erstellung eines Kreisdiagramms beginnen, wie im Abschnitt Google-Diagramm Tools-Dokumentation.
newScatterChart()ScatterChartBuilderMit der Erstellung eines Streudiagramms beginnt, wie im Google-Diagramm beschrieben. Tools-Dokumentation.
newTableChart()TableChartBuilderMit der Erstellung eines Tabellendiagramms beginnt, wie im Abschnitt Google-Diagramm Tools-Dokumentation.
newTextStyle()TextStyleBuilderErstellt 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.