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
Methode | Rückgabetyp | Kurzbeschreibung |
---|---|---|
build() | Chart | Das Diagramm wird erstellt. |
reverse | Pie | Die Reihen werden auf der Ordinatenachse in umgekehrter Reihenfolge dargestellt. |
set3D() | Pie | Das Diagramm wird dreidimensional dargestellt. |
set | Pie | Hier legen Sie die Hintergrundfarbe des Diagramms fest. |
set | Pie | Hiermit legen Sie die Farben für die Linien im Diagramm fest. |
set | Pie | Hiermit wird die URL der Datenquelle festgelegt, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden. |
set | Pie | Legt mithilfe eines DataTableBuilders die Datentabelle fest, die für das Diagramm verwendet werden soll. |
set | Pie | Hier legen Sie die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält. |
set | Pie | Hier legen Sie die Datenansichtsdefinition fest, die für das Diagramm verwendet werden soll. |
set | Pie | Hier legen Sie die Dimensionen für das Diagramm fest. |
set | Pie | Hiermit wird die Position der Legende im Verhältnis zum Diagramm festgelegt. |
set | Pie | Hiermit wird der Textstil der Diagrammlegende festgelegt. |
set | Pie | Hier legen Sie erweiterte Optionen für dieses Diagramm fest. |
set | Pie | Hiermit wird der Titel des Diagramms festgelegt. |
set | Pie | Hiermit 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.
reverse Categories()
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
Pie
– Dieser Builder eignet sich für die Verkettung.
set3D()
Das Diagramm wird dreidimensional dargestellt.
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Background Color(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 |
---|---|---|
css | String | Der CSS-Wert für die Farbe (z. B. "blue" oder "#00f" ). |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Colors(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 |
---|---|---|
css | 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
Pie
– Dieser Builder eignet sich für die Verkettung.
set Data Source Url(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
Pie
– Dieser Builder eignet sich für die Verkettung.
set Data Table(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 |
---|---|---|
table | Data | 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
Pie
– Dieser Builder eignet sich für die Verkettung.
set Data Table(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 | Data | Die Datentabelle, die für das Diagramm verwendet werden soll. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Data View Definition(dataViewDefinition)
Hier legen Sie die Datenansichtsdefinition fest, die für das Diagramm verwendet werden soll.
Parameter
Name | Typ | Beschreibung |
---|---|---|
data | Data | Ein Datenansichtsdefinition-Objekt, das die Ansicht definiert, die aus der angegebenen Datenquelle für das Zeichnen des Diagramms abgeleitet werden soll. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Dimensions(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
Pie
– Dieser Builder eignet sich für die Verkettung.
set Legend Position(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
Pie
– Dieser Builder eignet sich für die Verkettung.
set Legend Text Style(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 |
---|---|---|
text | Text | Der Textstil, der für die Diagrammlegende verwendet werden soll. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Option(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
Name | Typ | Beschreibung |
---|---|---|
option | String | Die Option, die festgelegt werden soll. |
value | Object | Der festzulegende Wert. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Title(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 |
---|---|---|
chart | String | den Diagrammtitel. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.
set Title Text Style(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 |
---|---|---|
text | Text | Der Textstil für den Diagrammtitel. Sie können ein Text -Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen. |
Rückflug
Pie
– Dieser Builder eignet sich für die Verkettung.