Class BarChartBuilder

BarChartBuilder

Builder für Balkendiagramme. Weitere Informationen finden Sie in der Dokumentation zu Google Charts.

Das folgende Beispiel zeigt, wie ein Balkendiagramm erstellt wird. Die Daten werden aus einer Google-Tabelle importiert.

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

 var chartBuilder = Charts.newBarChart()
     .setTitle('Top Grossing Films in US and Canada')
     .setXAxisTitle('USD')
     .setYAxisTitle('Film')
     .setDimensions(600, 500)
     .setLegendPosition(Charts.Position.BOTTOM)
     .setDataSourceUrl(dataSourceUrl);

 var chart = chartBuilder.build();

Methoden

MethodeRückgabetypKurzbeschreibung
build()ChartErstellt das Diagramm.
reverseCategories()BarChartBuilderKehrt die Zeichnung einer Reihe auf der Domainachse um.
reverseDirection()BarChartBuilderKehrt die Richtung der Balken entlang der horizontalen Achse um.
setBackgroundColor(cssValue)BarChartBuilderLegt die Hintergrundfarbe des Diagramms fest.
setColors(cssValues)BarChartBuilderLegt die Farben für die Linien im Diagramm fest.
setDataSourceUrl(url)BarChartBuilderLegt die URL der Datenquelle fest, über die Daten aus einer externen Quelle wie Google Tabellen abgerufen werden.
setDataTable(tableBuilder)BarChartBuilderLegt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest.
setDataTable(table)BarChartBuilderLegt die Datentabelle fest, die die Linien für das Diagramm sowie die Beschriftungen der X-Achse enthält.
setDataViewDefinition(dataViewDefinition)BarChartBuilderLegt die Definition der Datenansicht für das Diagramm fest.
setDimensions(width, height)BarChartBuilderLegt die Abmessungen des Diagramms fest.
setLegendPosition(position)BarChartBuilderLegt die Position der Legende in Bezug auf das Diagramm fest.
setLegendTextStyle(textStyle)BarChartBuilderLegt den Textstil der Diagrammlegende fest.
setOption(option, value)BarChartBuilderLegt erweiterte Optionen für dieses Diagramm fest.
setRange(start, end)BarChartBuilderLegt den Bereich für das Diagramm fest.
setStacked()BarChartBuilderVerwendet gestapelte Linien, d. h. Linien- und Balkenwerte werden gestapelt (kumuliert).
setTitle(chartTitle)BarChartBuilderLegt den Titel des Diagramms fest.
setTitleTextStyle(textStyle)BarChartBuilderLegt den Textstil des Diagrammtitels fest.
setXAxisTextStyle(textStyle)BarChartBuilderLegt den Textstil der horizontalen Achse fest.
setXAxisTitle(title)BarChartBuilderFügt der horizontalen Achse einen Titel hinzu.
setXAxisTitleTextStyle(textStyle)BarChartBuilderLegt den Textstil des Titels der horizontalen Achse fest.
setYAxisTextStyle(textStyle)BarChartBuilderLegt den Textstil der vertikalen Achse fest.
setYAxisTitle(title)BarChartBuilderFügt der vertikalen Achse einen Titel hinzu.
setYAxisTitleTextStyle(textStyle)BarChartBuilderLegt den Textstil des Titels der vertikalen Achse fest.
useLogScale()BarChartBuilderWandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein).

Detaillierte Dokumentation

build()

Erstellt das Diagramm.

Return

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


reverseCategories()

Kehrt die Zeichnung einer Reihe auf der Domainachse um. Bei vertikalen Diagrammen wie Linien-, Flächen- oder Säulendiagrammen bedeutet dies, dass die horizontale Achse von rechts nach links gezeichnet wird. Bei horizontalen Diagrammen wie Balkendiagrammen bedeutet dies, dass die vertikale Achse von oben nach unten gezeichnet wird. Bei Kreisdiagrammen bedeutet dies, dass die Segmente gegen den Uhrzeigersinn gezeichnet werden.

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


reverseDirection()

Kehrt die Richtung der Balken entlang der horizontalen Achse um. Standardmäßig wachsen die Werte von links nach rechts. Durch das Aufrufen dieser Methode wachsen sie von rechts nach links.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setBackgroundColor(cssValue)

Legt die Hintergrundfarbe des Diagramms fest.

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

Parameter

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setColors(cssValues)

Legt 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.
var builder = Charts.newLineChart();
builder.setColors(["green", "red"]);

Parameter

NameTypBeschreibung
cssValuesString[]Ein Array von CSS-Farbwerten wie ["red", "#acf"]. Das n-te Element im Array stellt die Farbe der n-ten Linie im Diagramm dar.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setDataSourceUrl(url)

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

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

Parameter

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setDataTable(tableBuilder)

Legt die Datentabelle für das Diagramm mithilfe eines DataTableBuilders fest. Dies ist eine praktische Methode zum Festlegen der Datentabelle, ohne build() aufrufen zu müssen.

Parameter

NameTypBeschreibung
tableBuilderDataTableBuilderEin Datentabellen-Builder. Im Rahmen dieses Aufrufs wird sofort eine neue Datentabelle erstellt, sodass weitere Aktualisierungen des Builders nicht im Diagramm widergespiegelt werden.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setDataTable(table)

Legt 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 Beschriftungen der horizontalen Achsen enthalten. Es kann eine beliebige Anzahl von Spalten folgen, alle müssen numerisch sein. Jede Spalte wird als separate Zeile angezeigt.

Parameter

NameTypBeschreibung
tableDataTableSourceDie Datentabelle für das Diagramm.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setDataViewDefinition(dataViewDefinition)

Legt die Definition der Datenansicht für das Diagramm fest.

Parameter

NameTypBeschreibung
dataViewDefinitionDataViewDefinitionEin Datenansichtsdefinitionsobjekt, das die Ansicht definiert, die aus der angegebenen Datenquelle für die Diagrammzeichnung abgeleitet werden soll.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setDimensions(width, height)

Legt die Abmessungen des Diagramms fest.

Parameter

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setLegendPosition(position)

Legt die Position der Legende in Bezug auf das Diagramm fest. Standardmäßig ist keine Legende vorhanden.

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

Parameter

NameTypBeschreibung
positionPositionDie Position der Legende.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setLegendTextStyle(textStyle)

Legt den Textstil der Diagrammlegende fest.

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

Parameter

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setOption(option, value)

Legt 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 bar chart with a 1-second animation duration.
var builder = Charts.newBarChart();
builder.setOption('animation.duration', 1000);
var chart = builder.build();

Parameter

NameTypBeschreibung
optionStringDie festzulegende Option.
valueObjectDer festzulegende Wert.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setRange(start, end)

Legt den Bereich für das Diagramm fest.

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

Parameter

NameTypBeschreibung
startNumberDer Wert für die unterste Rasterlinie der Bereichsachse.
endNumberDer Wert für die höchste Rasterlinie der Bereichsachse.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setStacked()

Verwendet gestapelte Linien, d. h. Linien- und Balkenwerte werden gestapelt (kumuliert). Standardmäßig gibt es kein Stapeln.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setTitle(chartTitle)

Legt den Titel des Diagramms fest. Der Titel wird zentriert über dem Diagramm angezeigt.

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

Parameter

NameTypBeschreibung
chartTitleStringDiagrammtitel.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setTitleTextStyle(textStyle)

Legt den Textstil des Diagrammtitels fest.

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

Parameter

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

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setXAxisTextStyle(textStyle)

Legt den Textstil der horizontalen Achse fest.

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

Parameter

NameTypBeschreibung
textStyleTextStyleDer Textstil, der für den Titel der horizontalen Achse verwendet werden soll. Sie können ein TextStyleBuilder-Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setXAxisTitle(title)

Fügt der horizontalen Achse einen Titel hinzu. Der Titel ist zentriert und erscheint unterhalb der Wertelabels der Achse.

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

Parameter

NameTypBeschreibung
titleStringDer Titel für die X-Achse.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setXAxisTitleTextStyle(textStyle)

Legt den Textstil des Titels der horizontalen Achse fest.

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

Parameter

NameTypBeschreibung
textStyleTextStyleDer Textstil, der für den Titel der horizontalen Achse verwendet werden soll. Sie können ein TextStyleBuilder-Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setYAxisTextStyle(textStyle)

Legt den Textstil der vertikalen Achse fest.

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

Parameter

NameTypBeschreibung
textStyleTextStyleDer Textstil, der für den Titel der horizontalen Achse verwendet werden soll. Sie können ein TextStyleBuilder-Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setYAxisTitle(title)

Fügt der vertikalen Achse einen Titel hinzu. Der Titel wird zentriert und links neben den Wertlabels angezeigt.

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

Parameter

NameTypBeschreibung
titleStringDer Titel für die Y-Achse.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


setYAxisTitleTextStyle(textStyle)

Legt den Textstil des Titels der vertikalen Achse fest.

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

Parameter

NameTypBeschreibung
textStyleTextStyleDer Textstil, der für den Titel der horizontalen Achse verwendet werden soll. Sie können ein TextStyleBuilder-Objekt erstellen, indem Sie Charts.newTextStyle() aufrufen.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.


useLogScale()

Wandelt die Bereichsachse in eine logarithmische Skala um (es müssen alle Werte positiv sein). Die Bereichsachse ist bei vertikalen Diagrammen (z. B. Linien-, Flächen- oder Säulendiagramme) die vertikale Achse und bei horizontalen Diagrammen (z. B. Balken) die horizontale Achse.

Return

BarChartBuilder: Dieser Builder wird für Verkettungen verwendet.