Diese Seite wurde von der Cloud Translation API übersetzt.

Class AreaChartBuilder

Builder für Flächendiagramme. Weitere Informationen finden Sie in der Google Tabellen-Dokumentation.

Hier ist ein Beispiel für ein Flächendiagramm.

// Create a data table with some sample data.
const sampleData = Charts.newDataTable()
                       .addColumn(Charts.ColumnType.STRING, 'Month')
                       .addColumn(Charts.ColumnType.NUMBER, 'Dining')
                       .addColumn(Charts.ColumnType.NUMBER, 'Total')
                       .addRow(['Jan', 60, 520])
                       .addRow(['Feb', 50, 430])
                       .addRow(['Mar', 53, 440])
                       .addRow(['Apr', 70, 410])
                       .addRow(['May', 80, 390])
                       .addRow(['Jun', 60, 500])
                       .addRow(['Jul', 100, 450])
                       .addRow(['Aug', 140, 431])
                       .addRow(['Sep', 75, 488])
                       .addRow(['Oct', 70, 521])
                       .addRow(['Nov', 58, 388])
                       .addRow(['Dec', 63, 400])
                       .build();

const chart = Charts.newAreaChart()
                  .setTitle('Yearly Spending')
                  .setXAxisTitle('Month')
                  .setYAxisTitle('Spending (USD)')
                  .setDimensions(600, 500)
                  .setStacked()
                  .setColors(['red', 'green'])
                  .setDataTable(sampleData)
                  .build();

Methoden

Methode	Rückgabetyp	Kurzbeschreibung
`build()`	`Chart`	Das Diagramm wird erstellt.
`reverseCategories()`	`AreaChartBuilder`	Die Reihen werden auf der Ordinatenachse in umgekehrter Reihenfolge dargestellt.
`setBackgroundColor(cssValue)`	`AreaChartBuilder`	Hier legen Sie die Hintergrundfarbe des Diagramms fest.
`setColors(cssValues)`	`AreaChartBuilder`	Hiermit legen Sie die Farben für die Linien im Diagramm fest.
`setDataSourceUrl(url)`	`AreaChartBuilder`	Hiermit wird die URL der Datenquelle festgelegt, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden.
`setDataTable(tableBuilder)`	`AreaChartBuilder`	Legt mithilfe eines DataTableBuilders die Datentabelle fest, die für das Diagramm verwendet werden soll.
`setDataTable(table)`	`AreaChartBuilder`	Hier legen Sie die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält.
`setDataViewDefinition(dataViewDefinition)`	`AreaChartBuilder`	Hier legen Sie die Datenansichtsdefinition fest, die für das Diagramm verwendet werden soll.
`setDimensions(width, height)`	`AreaChartBuilder`	Hier legen Sie die Dimensionen für das Diagramm fest.
`setLegendPosition(position)`	`AreaChartBuilder`	Hiermit wird die Position der Legende im Verhältnis zum Diagramm festgelegt.
`setLegendTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil der Diagrammlegende festgelegt.
`setOption(option, value)`	`AreaChartBuilder`	Hier legen Sie 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`	Es werden gestapelte Linien verwendet, d. h., Linien- und Balkenwerte werden gestapelt (aufsummiert).
`setTitle(chartTitle)`	`AreaChartBuilder`	Hiermit wird der Titel des Diagramms festgelegt.
`setTitleTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil des Diagrammtitels festgelegt.
`setXAxisTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil der horizontalen Achse festgelegt.
`setXAxisTitle(title)`	`AreaChartBuilder`	Fügen Sie der horizontalen Achse einen Titel hinzu.
`setXAxisTitleTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil für den Titel der horizontalen Achse festgelegt.
`setYAxisTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil der vertikalen Achse festgelegt.
`setYAxisTitle(title)`	`AreaChartBuilder`	Fügen Sie der vertikalen Achse einen Titel hinzu.
`setYAxisTitleTextStyle(textStyle)`	`AreaChartBuilder`	Hiermit wird der Textstil für den Titel der vertikalen Achse festgelegt.
`useLogScale()`	`AreaChartBuilder`	Die Bereichsachse wird logarithmisch skaliert. Alle Werte müssen positiv sein.

Detaillierte Dokumentation

`build()`

Das Diagramm wird erstellt.

Rückflug

Chart – Ein Diagrammobjekt, das in Dokumente, UI-Elemente eingebettet oder als statisches Bild verwendet werden kann.

`reverseCategories()`

Die Reihen werden auf der Ordinatenachse in umgekehrter Reihenfolge dargestellt. Bei Diagrammen mit vertikalem Bereich (z. B. Linien-, Flächen- oder Säulendiagramme) bedeutet das, dass die horizontale Achse von rechts nach links gezeichnet wird. Bei Diagrammen mit horizontalem Bereich (z. B. Balkendiagramme) wird die vertikale Achse also von oben nach unten gezeichnet. Bei Kreisdiagrammen bedeutet das, dass die Segmente gegen den Uhrzeigersinn gezeichnet werden.

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setBackgroundColor(cssValue)`

Hier legen Sie die Hintergrundfarbe des Diagramms fest.

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

Parameter

Name	Typ	Beschreibung
`cssValue`	`String`	Der CSS-Wert für die Farbe (z. B. `"blue"` oder `"#00f"`).

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setColors(cssValues)`

Hiermit legen Sie die Farben für die Linien im Diagramm fest.

// Creates a line chart builder and sets the first two lines to be drawn in
// green and red, respectively.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Parameter

Name	Typ	Beschreibung
`cssValues`	`String[]`	Ein Array von CSS-Farbwerten, z. B. `["red", "#acf"]`. Das n-te Element im Array steht für die Farbe der n-ten Linie im Diagramm.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setDataSourceUrl(url)`

Hiermit wird die URL der Datenquelle festgelegt, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. Wenn eine Datenquellen-URL und eine DataTable angegeben werden, wird die Datenquellen-URL ignoriert.

Weitere Informationen zum Abfragen von Datenquellen finden Sie in der Google Tabellen-Dokumentation.

Parameter

Name	Typ	Beschreibung
`url`	`String`	Die URL der Datenquelle, einschließlich aller Suchparameter.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setDataTable(tableBuilder)`

Legt mithilfe eines DataTableBuilders die Datentabelle fest, die für das Diagramm verwendet werden soll. Dies ist eine praktische Methode, um die Datentabelle festzulegen, ohne build() aufrufen zu müssen.

Parameter

Name	Typ	Beschreibung
`tableBuilder`	`DataTableBuilder`	Ein Tool zum Erstellen von Datentabellen. Im Rahmen dieses Aufrufs wird sofort eine neue Datentabelle erstellt. Alle weiteren Änderungen am Builder werden daher nicht im Diagramm berücksichtigt.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setDataTable(table)`

Hier legen Sie die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. Die erste Spalte sollte ein String sein und die Labels der horizontalen Achse enthalten. Es kann eine beliebige Anzahl von Spalten folgen, die alle numerisch sein müssen. Jede Spalte wird als separate Zeile angezeigt.

Parameter

Name	Typ	Beschreibung
`table`	`DataTableSource`	Die Datentabelle, die für das Diagramm verwendet werden soll.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setDataViewDefinition(dataViewDefinition)`

Hier legen Sie die Datenansichtsdefinition fest, die für das Diagramm verwendet werden soll.

Parameter

Name	Typ	Beschreibung
`dataViewDefinition`	`DataViewDefinition`	Ein Datenansichtsdefinition-Objekt, das die Ansicht definiert, die aus der angegebenen Datenquelle für das Zeichnen des Diagramms abgeleitet werden soll.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setDimensions(width, height)`

Hier legen Sie die Dimensionen für das Diagramm fest.

Parameter

Name	Typ	Beschreibung
`width`	`Integer`	Die Breite des Diagramms in Pixeln.
`height`	`Integer`	Die Höhe des Diagramms in Pixeln.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setLegendPosition(position)`

Hiermit wird die Position der Legende im Verhältnis zum Diagramm festgelegt. Standardmäßig ist keine Legende vorhanden.

// Creates a line chart builder and sets the legend position to right.
const builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Parameter

Name	Typ	Beschreibung
`position`	`Position`	Die Position der Legende.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setLegendTextStyle(textStyle)`

Hiermit wird der Textstil der Diagrammlegende festgelegt.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil, der für die Diagrammlegende verwendet werden soll.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setOption(option, value)`

Hier legen Sie erweiterte Optionen für dieses Diagramm fest. Hier finden Sie die verfügbaren Optionen für dieses Diagramm. Diese Methode hat keine Auswirkungen, wenn die angegebene Option ungültig ist.

// Build an area chart with a 1-second animation duration.
const builder = Charts.newAreaChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

Parameter

Name	Typ	Beschreibung
`option`	`String`	Die Option, die festgelegt werden soll.
`value`	`Object`	Der festzulegende Wert.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setPointStyle(style)`

Legt den Stil für Punkte in der Linie fest. Standardmäßig haben Punkte keinen bestimmten Stil und nur die Linie ist sichtbar.

// Creates a line chart builder and sets large point style.
const builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

Parameter

Name	Typ	Beschreibung
`style`	`PointStyle`	Der Stil, der für Punkte in der Linie verwendet werden soll.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

Weitere Informationen

PointStyle

`setRange(start, end)`

Legt den Bereich für das Diagramm fest.

Wenn Datenpunkte außerhalb des Bereichs liegen, wird der Bereich erweitert, um diese Datenpunkte einzubeziehen.

Parameter

Name	Typ	Beschreibung
`start`	`Number`	Der Wert für die unterste Rasterlinie der Bereichsachse.
`end`	`Number`	Der Wert für die oberste Rasterlinie der Bereichsachse.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setStacked()`

Es werden gestapelte Linien verwendet, d. h., Linien- und Balkenwerte werden gestapelt (aufsummiert). Standardmäßig wird kein Stapeln verwendet.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setTitle(chartTitle)`

Hiermit wird der Titel des Diagramms festgelegt. Der Titel wird zentriert über dem Diagramm angezeigt.

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

Parameter

Name	Typ	Beschreibung
`chartTitle`	`String`	den Diagrammtitel.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setTitleTextStyle(textStyle)`

Hiermit wird der Textstil des Diagrammtitels festgelegt.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil für den Diagrammtitel. Sie können ein `TextStyleBuilder`-Objekt erstellen, indem Sie `Charts.newTextStyle()` aufrufen.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setXAxisTextStyle(textStyle)`

Hiermit wird der Textstil der horizontalen Achse festgelegt.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil für den Titel der horizontalen Achse. Sie können ein `TextStyleBuilder`-Objekt erstellen, indem Sie `Charts.newTextStyle()` aufrufen.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setXAxisTitle(title)`

Fügen Sie der horizontalen Achse einen Titel hinzu. Der Titel ist zentriert und wird unter den Achsenwertlabels angezeigt.

// Creates a line chart builder and sets the X-axis title.
const builder = Charts.newLineChart();
builder.setTitle('X-axis Title');

Parameter

Name	Typ	Beschreibung
`title`	`String`	Der Titel der X-Achse.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setXAxisTitleTextStyle(textStyle)`

Hiermit wird der Textstil für den Titel der horizontalen Achse festgelegt.

// Creates a line chart builder and sets the X-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil für den Titel der horizontalen Achse. Sie können ein `TextStyleBuilder`-Objekt erstellen, indem Sie `Charts.newTextStyle()` aufrufen.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setYAxisTextStyle(textStyle)`

Hiermit wird der Textstil der vertikalen Achse festgelegt.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil für den Titel der horizontalen Achse. Sie können ein `TextStyleBuilder`-Objekt erstellen, indem Sie `Charts.newTextStyle()` aufrufen.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setYAxisTitle(title)`

Fügen Sie der vertikalen Achse einen Titel hinzu. Der Titel ist zentriert und wird links neben den Wertelabels angezeigt.

// Creates a line chart builder and sets the Y-axis title.
const builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title');

Parameter

Name	Typ	Beschreibung
`title`	`String`	Der Titel der Y-Achse.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`setYAxisTitleTextStyle(textStyle)`

Hiermit wird der Textstil für den Titel der vertikalen Achse festgelegt.

// Creates a line chart builder and sets the Y-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

Parameter

Name	Typ	Beschreibung
`textStyle`	`TextStyle`	Der Textstil für den Titel der horizontalen Achse. Sie können ein `TextStyleBuilder`-Objekt erstellen, indem Sie `Charts.newTextStyle()` aufrufen.

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.

`useLogScale()`

Die Bereichsachse wird logarithmisch skaliert. Alle Werte müssen positiv sein. Die Bereichsachse ist die vertikale Achse für vertikale Diagramme (z. B. Linien-, Flächen- oder Säulendiagramme) und die horizontale Achse für horizontale Diagramme (z. B. Balkendiagramme).

Rückflug

AreaChartBuilder – Dieser Builder eignet sich für die Verkettung.