Class PieChartBuilder

Kreisdiagramm-Tool

Ein Tool zum Erstellen von Tortendiagrammen. Weitere Informationen finden Sie in der Google Tabellen-Dokumentation.

Hier ist ein Beispiel für ein Kreisdiagramm. Die Daten werden aus einer Google-Tabelle importiert.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Methoden

MethodeRückgabetypKurzbeschreibung
build()ChartDas Diagramm wird erstellt.
reverseCategories()PieChartBuilderDie Reihen werden auf der Ordinatenachse in umgekehrter Reihenfolge dargestellt.
set3D()PieChartBuilderDas Diagramm wird dreidimensional dargestellt.
setBackgroundColor(cssValue)PieChartBuilderHier legen Sie die Hintergrundfarbe des Diagramms fest.
setColors(cssValues)PieChartBuilderHiermit legen Sie die Farben für die Linien im Diagramm fest.
setDataSourceUrl(url)PieChartBuilderHiermit wird die URL der Datenquelle festgelegt, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden.
setDataTable(tableBuilder)PieChartBuilderLegt mithilfe eines DataTableBuilders die Datentabelle fest, die für das Diagramm verwendet werden soll.
setDataTable(table)PieChartBuilderHier legen Sie die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält.
setDataViewDefinition(dataViewDefinition)PieChartBuilderHier legen Sie die Datenansichtsdefinition fest, die für das Diagramm verwendet werden soll.
setDimensions(width, height)PieChartBuilderHier legen Sie die Dimensionen für das Diagramm fest.
setLegendPosition(position)PieChartBuilderHiermit wird die Position der Legende im Verhältnis zum Diagramm festgelegt.
setLegendTextStyle(textStyle)PieChartBuilderHiermit wird der Textstil der Diagrammlegende festgelegt.
setOption(option, value)PieChartBuilderHier legen Sie erweiterte Optionen für dieses Diagramm fest.
setTitle(chartTitle)PieChartBuilderHiermit wird der Titel des Diagramms festgelegt.
setTitleTextStyle(textStyle)PieChartBuilderHiermit wird der Textstil des Diagrammtitels festgelegt.

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

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


set3D()

Das Diagramm wird dreidimensional dargestellt.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
cssValueStringDer CSS-Wert für die Farbe (z. B. "blue" oder "#00f").

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
cssValuesString[]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

PieChartBuilder – 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

NameTypBeschreibung
urlStringDie URL der Datenquelle, einschließlich aller Suchparameter.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
tableBuilderDataTableBuilderEin 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

PieChartBuilder – 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

NameTypBeschreibung
tableDataTableSourceDie Datentabelle, die für das Diagramm verwendet werden soll.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
dataViewDefinitionDataViewDefinitionEin Datenansichtsdefinition-Objekt, das die Ansicht definiert, die aus der angegebenen Datenquelle für das Zeichnen des Diagramms abgeleitet werden soll.

Rückflug

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


setDimensions(width, height)

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

Parameter

NameTypBeschreibung
widthIntegerDie Breite des Diagramms in Pixeln.
heightIntegerDie Höhe des Diagramms in Pixeln.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
positionPositionDie Position der Legende.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
textStyleTextStyleDer Textstil, der für die Diagrammlegende verwendet werden soll.

Rückflug

PieChartBuilder – 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 a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

Parameter

NameTypBeschreibung
optionStringDie Option, die festgelegt werden soll.
valueObjectDer festzulegende Wert.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
chartTitleStringden Diagrammtitel.

Rückflug

PieChartBuilder – 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

NameTypBeschreibung
textStyleTextStyleDer Textstil für den Diagrammtitel. Sie können ein TextStyleBuilder-Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen.

Rückflug

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