Mit diesem Dienst können Nutzer Diagramme mit Google Charts Tools erstellen und serverseitig rendern. Wenn Sie Diagramme in einem Webbrowser rendern möchten, verwenden Sie stattdessen die Google Charts API.
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;
}
Kurse
Name | Kurzbeschreibung |
---|---|
AreaChartBuilder | Builder für Flächendiagramme. |
BarChartBuilder | Builder für Balkendiagramme. |
Chart | Ein Diagrammobjekt, das in ein statisches Bild konvertiert werden kann. |
ChartHiddenDimensionStrategy | Eine Aufzählung, wie ausgeblendete Dimensionen in einer Quelle in einem Diagramm ausgedrückt werden. |
ChartMergeStrategy | Eine Aufzählung, wie mehrere Bereiche in der Quelle in einem Diagramm ausgedrückt werden. |
ChartOptions | Zeigt Optionen an, die aktuell für ein Chart konfiguriert sind, z. B. Höhe und Farbe. |
ChartType | Vom Diagrammdienst unterstützte Diagrammtypen. |
Charts | Einstiegspunkt zum Erstellen von Diagrammen in Skripts |
ColumnChartBuilder | Builder für Säulendiagramme. |
ColumnType | Eine Aufzählung der gültigen Datentypen für Spalten in einem DataTable . |
CurveStyle | Eine Aufzählung der Kurvenstile in einem Diagramm. |
DataTable | Eine Datentabelle zur Verwendung in Diagrammen. |
DataTableBuilder | Builder von DataTable-Objekten. |
DataTableSource | Schnittstelle für Objekte, die ihre Daten als DataTable darstellen können. |
DataViewDefinition | Eine Datenansichtsdefinition zum Visualisieren von Diagrammdaten. |
DataViewDefinitionBuilder | Builder für DataViewDefinition -Objekte. |
LineChartBuilder | Builder für Liniendiagramme. |
MatchType | Eine Aufzählung, wie ein Stringwert abgeglichen werden sollte. |
NumberRangeFilterBuilder | Ein Generator für Filtersteuerungen für Zahlenbereiche |
Orientation | Eine Aufzählung der Ausrichtung eines Objekts. |
PickerValuesLayout | Eine Aufzählung, wie ausgewählte Werte im Auswahl-Widget angezeigt werden. |
PieChartBuilder | Ein Generator für Kreisdiagramme |
PointStyle | Eine Aufzählung der Stile von Punkten auf einer Linie. |
Position | Eine Aufzählung der Legendenpositionen in einem Diagramm. |
ScatterChartBuilder | Builder für Streudiagramme. |
StringFilterBuilder | Ein Builder für Stringfiltersteuerungen. |
TableChartBuilder | Ein Builder für Tabellendiagramme. |
TextStyle | Ein Textstil-Konfigurationsobjekt. |
TextStyleBuilder | Ein Builder zum Erstellen von TextStyle -Objekten. |
AreaChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
reverseCategories() | AreaChartBuilder | Kehrt die Zeichnung einer Reihe auf der Domainachse um. |
setBackgroundColor(cssValue) | AreaChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | AreaChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setDataSourceUrl(url) | AreaChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | AreaChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | AreaChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | AreaChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | AreaChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | AreaChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | AreaChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setPointStyle(style) | AreaChartBuilder | Legt den Stil für Punkte in der Linie fest. |
setRange(start, end) | AreaChartBuilder | Legt den Bereich für das Diagramm fest. |
setStacked() | AreaChartBuilder | Verwendet gestapelte Linien, d. h. Linien- und Balkenwerte werden gestapelt (kumuliert). |
setTitle(chartTitle) | AreaChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil des Diagrammtitels fest. |
setXAxisTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil der horizontalen Achse fest. |
setXAxisTitle(title) | AreaChartBuilder | Fügt der horizontalen Achse einen Titel hinzu. |
setXAxisTitleTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil des Titels der horizontalen Achse fest. |
setYAxisTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil der vertikalen Achse fest. |
setYAxisTitle(title) | AreaChartBuilder | Fügt der vertikalen Achse einen Titel hinzu. |
setYAxisTitleTextStyle(textStyle) | AreaChartBuilder | Legt den Textstil des Titels der vertikalen Achse fest. |
useLogScale() | AreaChartBuilder | Wandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
BarChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
reverseCategories() | BarChartBuilder | Kehrt die Zeichnung einer Reihe auf der Domainachse um. |
reverseDirection() | BarChartBuilder | Kehrt die Richtung der Balken entlang der horizontalen Achse um. |
setBackgroundColor(cssValue) | BarChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | BarChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setDataSourceUrl(url) | BarChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | BarChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | BarChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | BarChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | BarChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | BarChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | BarChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | BarChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setRange(start, end) | BarChartBuilder | Legt den Bereich für das Diagramm fest. |
setStacked() | BarChartBuilder | Verwendet gestapelte Linien, d. h. Linien- und Balkenwerte werden gestapelt (kumuliert). |
setTitle(chartTitle) | BarChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | BarChartBuilder | Legt den Textstil des Diagrammtitels fest. |
setXAxisTextStyle(textStyle) | BarChartBuilder | Legt den Textstil der horizontalen Achse fest. |
setXAxisTitle(title) | BarChartBuilder | Fügt der horizontalen Achse einen Titel hinzu. |
setXAxisTitleTextStyle(textStyle) | BarChartBuilder | Legt den Textstil des Titels der horizontalen Achse fest. |
setYAxisTextStyle(textStyle) | BarChartBuilder | Legt den Textstil der vertikalen Achse fest. |
setYAxisTitle(title) | BarChartBuilder | Fügt der vertikalen Achse einen Titel hinzu. |
setYAxisTitleTextStyle(textStyle) | BarChartBuilder | Legt den Textstil des Titels der vertikalen Achse fest. |
useLogScale() | BarChartBuilder | Wandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
Chart
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
getAs(contentType) | Blob | Gibt die Daten in diesem Objekt als Blob zurück, das in den angegebenen Inhaltstyp konvertiert wurde. |
getBlob() | Blob | Gibt die Daten in diesem Objekt als Blob zurück. |
getOptions() | ChartOptions | Gibt die Optionen für das Diagramm zurück, z. B. Höhe, Farben und Achsen. |
ChartHiddenDimensionStrategy
Attribute
Property | Typ | Beschreibung |
---|---|---|
IGNORE_BOTH | Enum | Standard; alle ausgeblendeten Spalten und Zeilen werden in Diagrammen übersprungen. |
IGNORE_ROWS | Enum | In Diagrammen werden nur ausgeblendete Zeilen übersprungen. |
IGNORE_COLUMNS | Enum | In Diagrammen werden nur ausgeblendete Spalten übersprungen. |
SHOW_BOTH | Enum | Ausgeblendete Spalten oder Zeilen werden in Diagrammen nicht übersprungen. |
ChartMergeStrategy
Attribute
Property | Typ | Beschreibung |
---|---|---|
MERGE_COLUMNS | Enum | Standard. |
MERGE_ROWS | Enum | In Diagrammen werden die Zeilen mehrerer Bereiche zusammengeführt. |
ChartOptions
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
get(option) | Object | Gibt eine konfigurierte Option für dieses Diagramm zurück. |
getOrDefault(option) | Object | Gibt eine konfigurierte Option für dieses Diagramm zurück. |
ChartType
Attribute
Property | Typ | Beschreibung |
---|---|---|
TIMELINE | Enum | Zeitachsendiagramm. |
AREA | Enum | Flächendiagramm |
BAR | Enum | Balkendiagramm |
BUBBLE | Enum | Blasendiagramm. |
CANDLESTICK | Enum | Kerzendiagramm |
COLUMN | Enum | Säulendiagramm |
COMBO | Enum | Kombinationsdiagramm |
GAUGE | Enum | Tachometerdiagramm. |
GEO | Enum | Geo-Diagramm. |
HISTOGRAM | Enum | Histogramm |
RADAR | Enum | Netzdiagramm |
LINE | Enum | Liniendiagramm |
ORG | Enum | Organigramm. |
PIE | Enum | Kreisdiagramm |
SCATTER | Enum | Streudiagramm |
SPARKLINE | Enum | Sparkline-Diagramm |
STEPPED_AREA | Enum | Stufen-Flächendiagramm |
TABLE | Enum | Tabellendiagramm |
TREEMAP | Enum | Strukturkartendiagramm |
WATERFALL | Enum | Wasserfalldiagramm. |
Charts
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. |
ColumnChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
reverseCategories() | ColumnChartBuilder | Kehrt die Zeichnung einer Reihe auf der Domainachse um. |
setBackgroundColor(cssValue) | ColumnChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | ColumnChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setDataSourceUrl(url) | ColumnChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | ColumnChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | ColumnChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | ColumnChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | ColumnChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | ColumnChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | ColumnChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setRange(start, end) | ColumnChartBuilder | Legt den Bereich für das Diagramm fest. |
setStacked() | ColumnChartBuilder | Verwendet gestapelte Linien, d. h. Linien- und Balkenwerte werden gestapelt (kumuliert). |
setTitle(chartTitle) | ColumnChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil des Diagrammtitels fest. |
setXAxisTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil der horizontalen Achse fest. |
setXAxisTitle(title) | ColumnChartBuilder | Fügt der horizontalen Achse einen Titel hinzu. |
setXAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil des Titels der horizontalen Achse fest. |
setYAxisTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil der vertikalen Achse fest. |
setYAxisTitle(title) | ColumnChartBuilder | Fügt der vertikalen Achse einen Titel hinzu. |
setYAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Legt den Textstil des Titels der vertikalen Achse fest. |
useLogScale() | ColumnChartBuilder | Wandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
ColumnType
Attribute
Property | Typ | Beschreibung |
---|---|---|
DATE | Enum | Entspricht Datumswerte. |
NUMBER | Enum | Entspricht Zahlenwerten. |
STRING | Enum | Entspricht Zeichenfolgenwerten. |
CurveStyle
Attribute
Property | Typ | Beschreibung |
---|---|---|
NORMAL | Enum | Gerade Linien ohne Kurve. |
SMOOTH | Enum | Die Winkel der Linie werden geglättet. |
DataTable
DataTableBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
addColumn(type, label) | DataTableBuilder | Fügt der Datentabelle eine Spalte hinzu. |
addRow(values) | DataTableBuilder | Fügt der Datentabelle eine Zeile hinzu. |
build() | DataTable | Erstellt eine Datentabelle und gibt sie zurück. |
setValue(row, column, value) | DataTableBuilder | Legt einen bestimmten Wert in der Tabelle fest. |
DataTableSource
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
getDataTable() | DataTable | Gibt die Daten in diesem Objekt als DataTable zurück. |
DataViewDefinition
DataViewDefinitionBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | DataViewDefinition | Erstellt das Definitionsobjekt der Datenansicht, das mit diesem Builder erstellt wurde, und gibt es zurück. |
setColumns(columns) | DataViewDefinitionBuilder | Legt die Indexe der Spalten fest, die in die Datenansicht aufgenommen werden sollen, und die Angabe von Rollenspalteninformationen. |
LineChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
reverseCategories() | LineChartBuilder | Kehrt die Zeichnung einer Reihe auf der Domainachse um. |
setBackgroundColor(cssValue) | LineChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | LineChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setCurveStyle(style) | LineChartBuilder | Legt den Stil für die Kurven im Diagramm fest. |
setDataSourceUrl(url) | LineChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | LineChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | LineChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | LineChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | LineChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | LineChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | LineChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | LineChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setPointStyle(style) | LineChartBuilder | Legt den Stil für Punkte in der Linie fest. |
setRange(start, end) | LineChartBuilder | Legt den Bereich für das Diagramm fest. |
setTitle(chartTitle) | LineChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | LineChartBuilder | Legt den Textstil des Diagrammtitels fest. |
setXAxisTextStyle(textStyle) | LineChartBuilder | Legt den Textstil der horizontalen Achse fest. |
setXAxisTitle(title) | LineChartBuilder | Fügt der horizontalen Achse einen Titel hinzu. |
setXAxisTitleTextStyle(textStyle) | LineChartBuilder | Legt den Textstil des Titels der horizontalen Achse fest. |
setYAxisTextStyle(textStyle) | LineChartBuilder | Legt den Textstil der vertikalen Achse fest. |
setYAxisTitle(title) | LineChartBuilder | Fügt der vertikalen Achse einen Titel hinzu. |
setYAxisTitleTextStyle(textStyle) | LineChartBuilder | Legt den Textstil des Titels der vertikalen Achse fest. |
useLogScale() | LineChartBuilder | Wandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
MatchType
Attribute
Property | Typ | Beschreibung |
---|---|---|
EXACT | Enum | Nur genaue Werte abgleichen |
PREFIX | Enum | Präfixe beginnend mit dem Anfang des Werts suchen |
ANY | Enum | Übereinstimmung mit einem beliebigen Teilstring |
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
getName() | String | Gibt den Namen des Übereinstimmungstyps zurück, der in den JSON-Optionen verwendet werden soll |
NumberRangeFilterBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
setMaxValue(maxValue) | NumberRangeFilterBuilder | Legt den maximal zulässigen Wert für die Untergrenze des Bereichs fest. |
setMinValue(minValue) | NumberRangeFilterBuilder | Legt den zulässigen Mindestwert für die Untergrenze des Bereichs fest. |
setOrientation(orientation) | NumberRangeFilterBuilder | Legt die Ausrichtung des Schiebereglers fest. |
setShowRangeValues(showRangeValues) | NumberRangeFilterBuilder | Legt fest, ob neben dem Schieberegler Labels angezeigt werden sollen, die die Ausdehnung des ausgewählten Bereichs anzeigen. |
setTicks(ticks) | NumberRangeFilterBuilder | Legt die Anzahl der Teilstriche (feste Positionen in einem Bereichsbalken) fest, in die die Daumen des Schiebereglers eines Zahlenbereichs fallen können. |
Orientation
Attribute
Property | Typ | Beschreibung |
---|---|---|
HORIZONTAL | Enum | Horizontale Ausrichtung. |
VERTICAL | Enum | Vertikale Ausrichtung. |
PickerValuesLayout
Attribute
Property | Typ | Beschreibung |
---|---|---|
ASIDE | Enum | Die ausgewählten Werte werden in einer einzelnen Textzeile neben dem Wertauswahl-Widget angezeigt. |
BELOW | Enum | Die ausgewählten Werte werden in einer einzelnen Textzeile unter dem Widget angezeigt. |
BELOW_WRAPPING | Enum | Ähnlich wie unten, aber Einträge, die nicht in die Auswahl passen, werden in eine neue Zeile umgebrochen. |
BELOW_STACKED | Enum | Die ausgewählten Werte werden in einer Spalte unter dem Widget angezeigt. |
PieChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
reverseCategories() | PieChartBuilder | Kehrt die Zeichnung einer Reihe auf der Domainachse um. |
set3D() | PieChartBuilder | Legt fest, dass das Diagramm dreidimensional ist. |
setBackgroundColor(cssValue) | PieChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | PieChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setDataSourceUrl(url) | PieChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | PieChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | PieChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | PieChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | PieChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | PieChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | PieChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | PieChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setTitle(chartTitle) | PieChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | PieChartBuilder | Legt den Textstil des Diagrammtitels fest. |
PointStyle
Attribute
Property | Typ | Beschreibung |
---|---|---|
NONE | Enum | Linienpunkte werden nicht angezeigt. |
TINY | Enum | Verwenden Sie winzige Linienpunkte. |
MEDIUM | Enum | Verwenden Sie mittelgroße Linienpunkte. |
LARGE | Enum | Verwenden Sie große Linienpunkte. |
HUGE | Enum | Verwenden Sie Linienpunkte mit der größten Größe. |
Position
Attribute
Property | Typ | Beschreibung |
---|---|---|
TOP | Enum | Über dem Diagramm |
RIGHT | Enum | Rechts neben dem Diagramm. |
BOTTOM | Enum | Unter dem Diagramm |
NONE | Enum | Es wird keine Legende angezeigt. |
ScatterChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
setBackgroundColor(cssValue) | ScatterChartBuilder | Legt die Hintergrundfarbe des Diagramms fest. |
setColors(cssValues) | ScatterChartBuilder | Legt die Farben für die Linien im Diagramm fest. |
setDataSourceUrl(url) | ScatterChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | ScatterChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | ScatterChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | ScatterChartBuilder | Legt die Abmessungen des Diagramms fest. |
setLegendPosition(position) | ScatterChartBuilder | Legt die Position der Legende in Bezug auf das Diagramm fest. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil der Diagrammlegende fest. |
setOption(option, value) | ScatterChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
setPointStyle(style) | ScatterChartBuilder | Legt den Stil für Punkte in der Linie fest. |
setTitle(chartTitle) | ScatterChartBuilder | Legt den Titel des Diagramms fest. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil des Diagrammtitels fest. |
setXAxisLogScale() | ScatterChartBuilder | Wandelt die horizontale Achse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
setXAxisRange(start, end) | ScatterChartBuilder | Legt den Bereich für die horizontale Achse des Diagramms fest. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil der horizontalen Achse fest. |
setXAxisTitle(title) | ScatterChartBuilder | Fügt der horizontalen Achse einen Titel hinzu. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil des Titels der horizontalen Achse fest. |
setYAxisLogScale() | ScatterChartBuilder | Wandelt die vertikale Achse in eine logarithmische Skala um (es müssen alle Werte positiv sein). |
setYAxisRange(start, end) | ScatterChartBuilder | Legt den Bereich für die vertikale Achse des Diagramms fest. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil der vertikalen Achse fest. |
setYAxisTitle(title) | ScatterChartBuilder | Fügt der vertikalen Achse einen Titel hinzu. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Legt den Textstil des Titels der vertikalen Achse fest. |
StringFilterBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
setCaseSensitive(caseSensitive) | StringFilterBuilder | Legt fest, ob beim Abgleich zwischen Groß- und Kleinschreibung unterschieden werden soll. |
setMatchType(matchType) | StringFilterBuilder | Legt fest, ob das Steuerelement nur genaue Werte (MatchType.EXACT ), Präfixe, die am Anfang des Werts beginnen (MatchType.PREFIX ) oder ein beliebiger Teilstring (MatchType.ANY ) übereinstimmen sollen. |
setRealtimeTrigger(realtimeTrigger) | StringFilterBuilder | Legt fest, ob das Steuerelement jedes Mal übereinstimmen soll, wenn eine Taste gedrückt wird, oder nur, wenn sich das Eingabefeld ändert (Fokusverlust oder Drücken der Eingabetaste). |
TableChartBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Erstellt das Diagramm. |
enablePaging(enablePaging) | TableChartBuilder | Legt fest, ob das Durchblättern der Daten aktiviert werden soll. |
enablePaging(pageSize) | TableChartBuilder | Aktiviert Paginierung und legt die Anzahl der Zeilen pro Seite fest. |
enablePaging(pageSize, startPage) | TableChartBuilder | Aktiviert Paginierung und legt die Anzahl der Zeilen auf jeder Seite und der ersten Tabellenseite fest, die angezeigt werden soll (Seitennummern basieren auf null). |
enableRtlTable(rtlEnabled) | TableChartBuilder | Grundlegende Unterstützung für linksläufige Sprachen (wie Arabisch oder Hebräisch) durch Umkehren der Spaltenreihenfolge der Tabelle, sodass Spalte 0 die Spalte ganz rechts und die letzte Spalte die Spalte ganz links ist. |
enableSorting(enableSorting) | TableChartBuilder | Legt fest, ob Spalten sortiert werden sollen, wenn der Nutzer auf eine Spaltenüberschrift klickt. |
setDataSourceUrl(url) | TableChartBuilder | Legt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
setDataTable(tableBuilder) | TableChartBuilder | Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. |
setDataTable(table) | TableChartBuilder | Legt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
setDataViewDefinition(dataViewDefinition) | TableChartBuilder | Legt die Definition der Datenansicht für das Diagramm fest. |
setDimensions(width, height) | TableChartBuilder | Legt die Abmessungen des Diagramms fest. |
setFirstRowNumber(number) | TableChartBuilder | Legt die Zeilennummer für die erste Zeile in der Datentabelle fest. |
setInitialSortingAscending(column) | TableChartBuilder | Legt den Index der Spalte fest, nach der die Tabelle anfänglich (aufsteigend) sortiert werden soll. |
setInitialSortingDescending(column) | TableChartBuilder | Legt den Index der Spalte fest, nach der die Tabelle anfänglich sortiert (absteigend) sein soll. |
setOption(option, value) | TableChartBuilder | Legt erweiterte Optionen für dieses Diagramm fest. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Legt fest, ob die Zeilennummer als erste Spalte der Tabelle angezeigt werden soll. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Legt fest, ob ungeraden und geraden Zeilen in einem Tabellendiagramm ein abwechselnder Farbstil zugewiesen wird. |
TextStyle
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
getColor() | String | Ruft die Farbe des Textstils ab. |
getFontName() | String | Ruft den Namen der Schriftart des Textstils ab. |
getFontSize() | Number | Ruft die Schriftgröße des Textstils ab. |
TextStyleBuilder
Methoden
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | TextStyle | Erstellt ein Textstil-Konfigurationsobjekt und gibt es zurück, das mit diesem Builder erstellt wurde. |
setColor(cssValue) | TextStyleBuilder | Legt die Farbe des Textstils fest. |
setFontName(fontName) | TextStyleBuilder | Hier legen Sie den Namen der Schrift des Textstils fest. |
setFontSize(fontSize) | TextStyleBuilder | Legt die Schriftgröße des Textstils fest. |