Optionen für die Diagrammkonfiguration

Diagrammtypen

Konfigurationsoptionen für Anmerkungsdiagramme

Name
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
displayRangeSelector

Gibt an, ob der Auswahlbereich für den Zoombereich (der Bereich unten im Diagramm) angezeigt werden soll, wobei false „Nein“ bedeutet.

Der Umriss im Zoomselektor ist eine logarithmische Version der ersten Datenreihe im Diagramm, die auf die Höhe des Zoomauswahlbereichs skaliert wird.

Typ: boolean
Standard: true
displayZoomButtons

Gibt an, ob die Zoomschaltflächen ("1d 5d 1m" usw.) angezeigt werden sollen, wobei false "nein" bedeutet.

Typ: boolean
Standard: true
Max.

Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen über dem maximalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch scaleType festgelegten Maximalwert für die Y-Achse.

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard: automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen unter dem minimalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch scaleType festgelegten Minimum für die Y-Achse.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft für eine einzelne Reihe angeben möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
interpolateNulls

Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der unbekannten Stelle eine Zeilenumbruch eingefügt.

Dies wird von Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' nicht unterstützt.

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ:boolean/string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse kein series zugeordnet ist. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Punktedokumentation .

Typ: string
Standard: 'circle'
pointSize

Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 0
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations: ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Damit kann beispielsweise textStyle für die Serie gesteuert werden: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste dessen, was angepasst werden kann.

  • areaOpacity: überschreibt die globale areaOpacity für diese Reihe.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Wenn true festgelegt ist, wird die Spalte im Diagramm als Textspalte behandelt.

Typ: boolean
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Balkendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: Zahl oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxes

Gibt Eigenschaften für einzelne horizontale Achsen an, wenn das Diagramm mehrere horizontale Achsen hat. Jedes untergeordnete Objekt ist ein hAxis-Objekt und kann alle von hAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren horizontalen Achsen angeben möchten, definieren Sie zuerst mit series.targetAxisIndex eine neue Achse und konfigurieren Sie dann die Achse mit hAxes. Im folgenden Beispiel wird der unteren Achse die Reihe 1 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten hAxis-Objekt: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ:boolean/string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations: ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Damit kann beispielsweise textStyle für die Serie gesteuert werden: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste dessen, was angepasst werden kann.

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Trendlinien

Zeigt Trendlinien in den Diagrammen an, die diese unterstützen. Standardmäßig werden linear-Trendlinien verwendet, aber dies kann mit der Option trendlines.n.type angepasst werden.

Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Standard: null
trendlines.n.color

Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String.

Typ: string
Standard:Standardfarbe für Reihen
trendlines.n.degree

Für Trendlinien von type: 'polynomial' der Grad des Polynoms (2 für Quadrat, 3 für kubisch usw.).

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Gibt an, ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Blasendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
bubble

Ein Objekt mit Mitgliedern zum Konfigurieren der visuellen Eigenschaften der Info-Ballons.

Typ: object
Standard: null
bubble.opacity

Die Deckkraft der Blasen. 0 ist vollständig transparent und 1 vollständig deckend.

Typ:Zahl zwischen 0,0 und 1,0
Standardwert: 0,8
bubble.stroke

Die Farbe der Kontur der Blasen.

Typ: string
Standard: '#ccc'
bubble.textStyle

Ein Objekt, das den Textstil des Infofelds angibt. Das Objekt hat folgendes Format:

{color: <string>, fontName: <string>, fontSize: <number>}

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
series

Ein Objekt mit Objekten, wobei die Schlüssel Reihennamen sind (die Werte in der Spalte „Farbe“) und jedes Objekt, das das Format der entsprechenden Reihe im Diagramm beschreibt. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.
Beispiel: 
series: {'Europe': {color: 'green'}}
Typ:Objekt mit verschachtelten Objekten
Standard: {}
sizeAxis

Ein Objekt mit Mitgliedern zum Konfigurieren, wie Werte der Blasengröße zugeordnet werden. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

 {minValue: 0,  maxSize: 20}
Typ: object
Standard: null
sizeAxis.maxSize

Maximaler Radius des größtmöglichen Blasens in Pixeln.

Typ: number
Standardwert: 30
sizeAxis.minSize

Mindestradius der kleinstmöglichen Blase in Pixeln.

Typ: number
Standardwert: 5
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Wenn true festgelegt ist, wird die Spalte im Diagramm als Textspalte behandelt.

Typ: boolean
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Google Kalender

Name
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • fallingColor.fill: Überschreibt den globalen candlestick.fallingColor.fill-Wert für diese Reihe.
  • fallingColor.stroke: Überschreibt den globalen candlestick.fallingColor.stroke-Wert für diese Reihe.
  • fallingColor.strokeWidth: Überschreibt den globalen candlestick.fallingColor.strokeWidth-Wert für diese Reihe.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • risingColor.fill: Überschreibt den globalen candlestick.risingColor.fill-Wert für diese Reihe.
  • risingColor.stroke: Überschreibt den globalen candlestick.risingColor.stroke-Wert für diese Reihe.
  • risingColor.strokeWidth: Überschreibt den globalen candlestick.risingColor.strokeWidth-Wert für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Säulendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ:boolean/string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations: ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Damit kann beispielsweise textStyle für die Serie gesteuert werden: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste dessen, was angepasst werden kann.

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Trendlinien

Zeigt Trendlinien in den Diagrammen an, die diese unterstützen. Standardmäßig werden linear-Trendlinien verwendet, aber dies kann mit der Option trendlines.n.type angepasst werden.

Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Standard: null
trendlines.n.color

Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String.

Typ: string
Standard:Standardfarbe für Reihen
trendlines.n.degree

Für Trendlinien von type: 'polynomial' der Grad des Polynoms (2 für Quadrat, 3 für kubisch usw.).

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Gibt an, ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Kombinationsdiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft für eine einzelne Reihe angeben möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
curveType

Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:

  • 'none': Gerade Linien ohne Kurve.
  • 'function': Die Winkel der Linie werden geglättet.
Typ:string
Standard: „Keine“
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
interpolateNulls

Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der unbekannten Stelle eine Zeilenumbruch eingefügt.

Dies wird von Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' nicht unterstützt.

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ:boolean/string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Punktedokumentation .

Typ: string
Standard: 'circle'
pointSize

Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations: ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Damit kann beispielsweise textStyle für die Serie gesteuert werden: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste dessen, was angepasst werden kann.

  • areaOpacity: Überschreibt die globalen areaOpacity für diese Reihe.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • curveType: Überschreibt den globalen Wert curveType für diese Reihe.
  • fallingColor.fill: Überschreibt den globalen candlestick.fallingColor.fill-Wert für diese Reihe.
  • fallingColor.stroke: Überschreibt den globalen candlestick.fallingColor.stroke-Wert für diese Reihe.
  • fallingColor.strokeWidth: Überschreibt den globalen candlestick.fallingColor.strokeWidth-Wert für diese Reihe.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • risingColor.fill: Überschreibt den globalen candlestick.risingColor.fill-Wert für diese Reihe.
  • risingColor.stroke: Überschreibt den globalen candlestick.risingColor.stroke-Wert für diese Reihe.
  • risingColor.strokeWidth: Überschreibt den globalen candlestick.risingColor.strokeWidth-Wert für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • type: Der Markierungstyp für diese Serie. Gültige Werte sind 'line', 'area', 'bars' und 'steppedArea'. Beachten Sie, dass Balken eigentlich vertikale Balken (Spalten) sind. Der Standardwert wird durch die Option seriesType des Diagramms angegeben.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Messgeräte

Name
greenColor

Die Farbe, die für den grünen Abschnitt in HTML-Farbnotation verwendet werden soll.

Typ: string
Standard: '#109618'
greenFrom

Der niedrigste Wert für einen grün hervorgehobenen Bereich.

Typ: number
Standard:Keine
greenTo

Der höchste Wert für einen grün hervorgehobenen Bereich.

Typ: number
Standard:Keine
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Breite des Containers
Max.

Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen über dem maximalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch scaleType festgelegten Maximalwert für die Y-Achse.

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard: automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen unter dem minimalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch scaleType festgelegten Minimum für die Y-Achse.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard: automatisch
redColor

Die Farbe, die für den roten Abschnitt in HTML-Farbnotation verwendet werden soll.

Typ: string
Standard: '#DC3912'
redFrom

Der niedrigste Wert für einen rot markierten Bereich.

Typ: number
Standard:Keine
redTo

Der höchste Wert für einen rot markierten Bereich.

Typ: number
Standard:Keine
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Containers
yellowColor

Die Farbe, die für den gelben Abschnitt in HTML-Farbnotation verwendet werden soll.

Typ: string
Standard: '#FF9900'
yellowFrom

Der niedrigste Wert für einen gelb markierten Bereich.

Typ: number
Standard:Keine
yellowTo

Der höchste Wert für einen gelb markierten Bereich.

Typ: number
Standard:Keine

Konfigurationsoptionen für Geodiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
datalessRegionColor

Farbe, die Regionen ohne verknüpfte Daten zugewiesen wird.

Typ: string
Standard: '#F5F5F5'
defaultColor

Die Farbe, die für Datenpunkte in einem Geodiagramm verwendet werden soll, wenn der Standort (z.B. 'US') ist vorhanden, aber der Wert ist entweder null oder nicht angegeben. Dies unterscheidet sich von datalessRegionColor. Dies ist die Farbe, die verwendet wird, wenn Daten fehlen.

Typ: string
Standard: '#267114'
displayMode

Um welche Art von Geodiagramm handelt es sich. Das DataTable-Format muss dem angegebenen Wert entsprechen. Die folgenden Werte werden unterstützt:

  • 'auto': Treffen Sie die Auswahl basierend auf dem Format der DataTable.
  • 'regions': Bereiche im Geodiagramm farbig darstellen
  • 'markers': Damit werden Markierungen auf den Regionen platziert.
  • 'text': Beschriftet die Regionen mit Text aus der DataTable.
Typ: string
Standardwert: „auto“
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Region

Der Bereich, der im Geodiagramm angezeigt werden soll. Die umliegenden Gebiete werden ebenfalls angezeigt. Folgende Werte sind möglich:

  • 'world': Ein Geodiagramm der gesamten Welt.
  • Ein Kontinent oder Subkontinent, angegeben durch seinen dreistelligen Code, z.B. '011' für Westafrika.
  • Ein Land, das durch seinen ISO 3166-1 alpha-2-Code angegeben wird, z.B. 'AU' für Australien.
  • Ein Bundesstaat in den USA, spezifiziert durch seinen ISO 3166-2:US-Code, z.B. 'US-AL' für Alabama. Die Option resolution muss entweder auf 'provinces' oder 'metros' festgelegt sein.
Typ: string
Standard: „world“
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Konfigurationsoptionen für Histogramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object/div>
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
histogram.bucketSize

Die Größe jedes Histogrammbalkens hartcodieren, anstatt sie algorithmisch bestimmen zu lassen

Typ: number
Standard: automatisch
histogram.hideBucketItems

Lassen Sie die dünnen Trennlinien zwischen den Blöcken des Histogramms weg, damit daraus eine Reihe durchgängiger Balken entstehen.

Typ: boolean
Standard: false
histogram.lastBucketPercentile

Ignorieren Sie bei der Berechnung der Bucket-Größe des Histogramms die oberen und unteren lastBucketPercentile %%. Die Werte sind weiterhin im Histogramm enthalten, wirken sich aber nicht auf das Bucketing aus.

Typ: number
Standard: 0
interpolateNulls

Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der unbekannten Stelle eine Zeilenumbruch eingefügt.

Dies wird von Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' nicht unterstützt.

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ:boolean/string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Konfigurationsoptionen für Liniendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
curveType

Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:

  • 'none': Gerade Linien ohne Kurve.
  • 'function': Die Winkel der Linie werden geglättet.
Typ: string
Standard: „Keine“
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ:string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
interpolateNulls

Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der unbekannten Stelle eine Zeilenumbruch eingefügt.

Dies wird von Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' nicht unterstützt.

Typ: boolean
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Punktedokumentation .

Typ: string
Standard: 'circle'
pointSize

Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations: ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Damit kann beispielsweise textStyle für die Serie gesteuert werden: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste dessen, was angepasst werden kann.

  • type: Der Markierungstyp für diese Serie. Gültige Werte sind 'line', 'area', 'bars' und 'steppedArea'. Beachten Sie, dass Balken eigentlich vertikale Balken (Spalten) sind. Der Standardwert wird durch die Option seriesType des Diagramms angegeben.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • curveType: Überschreibt den globalen Wert curveType für diese Reihe.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Wenn true festgelegt ist, wird die Spalte im Diagramm als Textspalte behandelt.

Typ: boolean
Trendlinien

Zeigt Trendlinien in den Diagrammen an, die diese unterstützen. Standardmäßig werden linear-Trendlinien verwendet, aber dies kann mit der Option trendlines.n.type angepasst werden.

Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Standard: null
trendlines.n.color

Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String.

Typ: string
Standard:Standardfarbe für Reihen
trendlines.n.degree

Für Trendlinien von type: 'polynomial' der Grad des Polynoms (2 für Quadrat, 3 für kubisch usw.).

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Gibt an, ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Organigramme

Name
Farbe

Die Hintergrundfarbe der Elemente des Organisationsdiagramms.

Typ: string
Standard: '#edf7ff'
selectionColor

Die Hintergrundfarbe der ausgewählten Organigramm-Elemente.

Typ: string
Standard: '#d6e9f8'
Größe

Die Gesamtgröße des Diagramms. Optionen sind 'small', 'medium' oder 'large'.

Typ: string
Standard: 'medium'

Konfigurationsoptionen für Kreisdiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
Ist3D

Bei true wird ein dreidimensionales Diagramm angezeigt.

Typ: boolean
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Liegt der Wert zwischen 0 und 1, wird ein Ringdiagramm angezeigt. Das Loch hat einen Radius, der dem number-Fachen des Radius des Diagramms entspricht.

Typ: number
Standard: 0
pieSliceBorderColor

Die Farbe des Segmentrahmens. Nur verfügbar, wenn das Diagramm zweidimensional ist.

Typ: string
Standard: 'white'
pieSliceText

Der Inhalt des Texts, der im Segment angezeigt wird. folgende Arten von Werten sind möglich:

  • 'percentage': Der Prozentsatz der Segmentgröße, bezogen auf die Gesamtzahl.
  • 'value': Der quantitative Wert des Segments.
  • 'label': Der Name des Segments.
  • 'none': Es wird kein Text angezeigt.
Typ: string
Standard: 'percentage'
pieSliceTextStyle

Ein Objekt, das den Textstil des Kreissegments angibt. Das Objekt hat folgendes Format:

{color: <string>, fontName: <string>, fontSize: <number>}

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
slices.color

Die für dieses Segment zu verwendende Farbe.

Typ: string
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Konfigurationsoptionen für Streudiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
curveType

Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:

  • 'none': Gerade Linien ohne Kurve.
  • 'function': Die Winkel der Linie werden geglättet.
Typ:string
Standard: „Keine“
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.gridlines

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
hAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Attribut, wodurch die horizontale Achse eine logarithmische Skala hat (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option hAxis.gridlines.

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
hAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt jetzt vollständig vom Intervall zwischen den Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Punktedokumentation .

Typ: string
Standard: 'circle'
pointSize

Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array mit Objekten angeben, die sich jeweils in der angegebenen Reihenfolge auf die Reihen beziehen, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Wenn true festgelegt ist, wird die Spalte im Diagramm als Textspalte behandelt.

Typ: boolean
Trendlinien

Zeigt Trendlinien in den Diagrammen an, die diese unterstützen. Standardmäßig werden linear-Trendlinien verwendet, aber dies kann mit der Option trendlines.n.type angepasst werden.

Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Standard: null
trendlines.n.color

Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String.

Typ: string
Standard:Standardfarbe für Reihen
trendlines.n.degree

Für Trendlinien von type: 'polynomial' der Grad des Polynoms (2 für Quadrat, 3 für kubisch usw.).

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Gibt an, ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch

Konfigurationsoptionen für Stufen-Flächendiagramm

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft für eine einzelne Reihe angeben möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
backgroundColor.fill

Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard: null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B. '#fdc') oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: die Farbe als hexadezimaler String oder englischer Farbname.
  • strokeWidth: Falls angegeben, wird ein Rahmen um den Diagrammbereich mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
chartArea.left

Legt fest, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.top

Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll.

Typ: number oder string
Standard: automatisch
chartArea.width

Breite des Diagrammbereichs.

Typ: number oder string
Standard: automatisch
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Standard: null
hAxis.direction

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
hAxis.textPosition

Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

Ein Objekt, das den Textstil der horizontalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis-Eigenschaft, die den Titel der horizontalen Achse angibt.

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode den Wert 'pretty' oder 'maximized' hat.

Typ: number
Standard: automatisch
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In den Diagrammen Spalte, Fläche und SteppedArea wird die Reihenfolge der Legendenelemente in Google Charts umgekehrt, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist z. B. Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch ein 100 %-Stacking, wobei die Stapel von Elementen für jeden Domainwert neu skaliert werden, um 100 % zu ergeben.

Die Optionen für isStacked sind:

  • false: Die Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true: stapelt Elemente für alle Reihen in jedem Domainwert.
  • 'percent': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie zusammen 100 % ergeben, wobei der Wert jedes Elements als Prozentsatz von 100 % berechnet wird.
  • 'relative': stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so neu, dass sie addiert 1 ergeben, wobei der Wert jedes Elements als Bruchteil von 1 berechnet wird.
  • 'absolute' – funktioniert wie isStacked: true.

Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.

Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für 'relative' und 0–100% für 'percent' angezeigt. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Tickwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0–1. Das liegt daran, dass die Teilstriche der prozentualen Achse das Ergebnis der Anwendung des Formats „#,##%“ auf die relativen Skalenwerte von 0–1 sind. Achten Sie bei Verwendung von isStacked: 'percent' darauf, alle Ticks/Rasterlinien mit den relativen Skalenwerten von 0–1 anzugeben. Sie können die Gitternetzlinien/Tickwerte und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ number und muss eine Referenz von null haben.

Typ: boolean/ string
Standard: false
Legende

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Standard: null
legend.position

Position der Legende. folgende Arten von Werten sind möglich:

  • 'bottom': Unter dem Diagramm.
  • 'left': Links vom Diagramm, sofern der linken Achse keine Reihen zugeordnet sind. Wenn die Legende also links angezeigt werden soll, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': im Diagramm in der oberen linken Ecke
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': Über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

Ein Objekt, das den Textstil der Legende angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Wenn dieser Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

Diese Option wird nur für eine discrete-major-Achse unterstützt.

Typ: boolean
Standard: false
series

Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt {} an. Wenn keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • areaOpacity: überschreibt die globale areaOpacity für diese Reihe.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • type: Der Markierungstyp für diese Serie. Gültige Werte sind 'line', 'area', 'bars' und 'steppedArea'. Beachten Sie, dass Balken eigentlich vertikale Balken (Spalten) sind. Der Standardwert wird durch die Option seriesType des Diagramms angegeben.
  • labelInLegend ist die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist. Der Standardwert ist 0. Legen Sie ihn auf 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen für verschiedene Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein Wert vom Typ boolean, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false bedeutet, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die sich jeweils in der angegebenen Reihenfolge auf die Reihe beziehen, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, für welche Reihe es gilt.Beispiel: Die folgenden beiden Deklarationen sind identisch und deklarieren die erste Reihe als schwarz und fehlen in der Legende und die vierte als rot und fehlt in der Legende: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard: {}
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Design

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert die Fläche des Diagramms und zeichnet die Legende und alle Labels im Diagrammbereich.
Typ: string
Standard: null
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Wenn true festgelegt ist, wird die Spalte im Diagramm als Textspalte behandelt.

Typ: boolean
useFirstColumnAsDomain

Wenn true festgelegt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Attributwerte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie die Achse dann mit vAxes. Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Textstil dafür festgelegt: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard: null
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Standard: null
vAxis.direction

Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

Typ: 1 oder -1
Standard: 1
vAxis.gridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

{color: '#333', minSpacing: 20}

Diese Option wird nur für eine continuous-Achse unterstützt.

Typ: object
Standard: null
vAxis.gridlines.color

Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard: '#CCC'
vAxis.gridlines.count

Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird damit minSpacing zwischen den Gitternetzlinien berechnet. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, wenn keine Gitternetzlinien gezeichnet werden sollen. Geben Sie den Standardwert -1 an, um die Anzahl der Gitternetzlinien anhand anderer Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

Bei true wird die vertikale Achse zu einer logarithmischen Skala. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Eigenschaft.

Typ: number
Standard: automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

Typ: string
Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
vAxis.minorGridlines.count

Die Option minorGridlines.count wurde größtenteils verworfen, mit der Ausnahme, dass Nebenrasterlinien deaktiviert werden sollen, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der Nebenrasterlinien hängt vom Intervall zwischen den Hauptgitternetzlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Eigenschaft.

Typ: number
Standard: null
vAxis.textPosition

Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in' und 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

Ein Objekt, das den Textstil der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
vAxis.viewWindow.min

Der niedrigste zu rendernde vertikale Datenwert.

Wird ignoriert, wenn vAxis.viewWindowMode „schön“ oder „maximiert“ ist.

Typ: number
Standard: automatisch
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Konfigurationsoptionen für Tabellendiagramme

Name
alternatingRowStyle

Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird.

Typ: boolean
Standard: true
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
seite

Ob und wie Sie das Durchblättern der Daten aktivieren können. Wählen Sie einen der folgenden string-Werte aus:

  • 'enable': Die Tabelle enthält die Schaltflächen zum Vor- und Zurückspulen. Wenn Sie auf diese Schaltflächen klicken, erfolgt die Seitenauswahl und die angezeigte Seite wird geändert. Sie können auch die Option pageSize festlegen.
  • 'event': Die Tabelle enthält Schaltflächen zum Vor- und Zurückspulen. Wenn Sie darauf klicken, wird jedoch ein 'page'-Ereignis ausgelöst und die angezeigte Seite wird nicht geändert. Diese Option sollte verwendet werden, wenn der Code eine eigene Logik zum Umblättern implementiert. Im TableQueryWrapper-Beispiel finden Sie ein Beispiel für die manuelle Verarbeitung von Pagingereignissen.
  • 'disable': [Standard] Paging wird nicht unterstützt.
    • Typ: string
    Standard: 'disable'
pageSize

Die Anzahl der Zeilen auf jeder Seite, wenn Paging mit der Seitenoption aktiviert ist.

Typ: number
Standard: 10
showRowNumber

Wenn true festgelegt ist, wird die Zeilennummer als erste Spalte der Tabelle angezeigt.

Typ: boolean
Standard: false
sort

Ob und wie Spalten sortiert werden sollen, wenn der Nutzer auf eine Spaltenüberschrift klickt. Wenn die Sortierung aktiviert ist, sollten Sie auch die Attribute sortAscending und sortColumn festlegen. Wählen Sie einen der folgenden string-Werte aus:

  • 'enable' – [Standard] Nutzer können auf Spaltenüberschriften klicken, um nach der angeklickten Spalte zu sortieren. Wenn Nutzer auf die Spaltenüberschrift klicken, werden die Zeilen automatisch sortiert und ein 'sort'-Ereignis ausgelöst.
  • 'event': Wenn Nutzer auf die Spaltenüberschrift klicken, wird ein 'sort'-Ereignis ausgelöst, die Zeilen werden aber nicht automatisch sortiert. Diese Option sollte verwendet werden, wenn die Seite eine eigene Sortierung implementiert. Im TableQueryWrapper-Beispiel finden Sie ein Beispiel für die manuelle Verarbeitung von Sortierereignissen.
  • 'disable'- Das Klicken auf eine Spaltenüberschrift hat keine Auswirkungen.
Typ: string
Standard: 'enable'
sortAscending

Die Reihenfolge, in der die anfängliche Sortierspalte sortiert wird. True für aufsteigend, false für absteigend. Wird ignoriert, wenn sortColumn nicht angegeben ist.

Typ: boolean
Standard: true
sortColumn

Index einer Spalte in der Datentabelle, nach dem die Tabelle anfänglich sortiert wird. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt.

Typ: number
Standard: -1
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Optionen für die Konfiguration der Zeitachse

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. 'red' oder '#00cc00') oder ein Objekt mit den folgenden Attributen sein.

Typ: string oder object
Standard: 'white'
Farben

Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
height

Höhe des Diagramms in Pixeln

Typ: number
Standard:Höhe des Containerelements
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Elements, in dem das Element enthalten ist

Konfigurationsoptionen für Strukturkarten

Name
headerColor

Die Farbe des Headerabschnitts für jeden Knoten. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #988f86
maxColor

Die Farbe für ein Rechteck mit dem Wert maxColorValue in Spalte 3. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #00dd00
maxDepth

Die maximale Anzahl von Knotenebenen, die in der aktuellen Ansicht angezeigt werden sollen. Die Ebenen werden in der aktuellen Ebene vereinfacht. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten gehen, um sie zu sehen. Zusätzlich können Sie maxPostDepth Ebenen darunter als schattierte Rechtecke innerhalb dieser Knoten sehen.

Typ: number
Standard: 1
maxPostDepth

Legt fest, wie viele Knotenebenen über maxDepth hinaus angezeigt werden sollen. Knoten mit Hinweisen werden innerhalb eines Knotens, der das Limit maxDepth überschreitet, als schattierte Rechtecke angezeigt.

Typ: number
Standard: 0
midColor

Die Farbe für ein Rechteck mit einem Wert von Spalte 3 in der Mitte zwischen maxColorValue und minColorValue. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
minColor

Die Farbe für ein Rechteck mit dem Wert minColorValue in Spalte 3. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #dd0000
noColor

Die Farbe, die für ein Rechteck verwendet werden soll, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blatt ist (oder nur Blätter enthält). Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Titeltextstil angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Ein Objekt, das den Titeltextstil angibt. Die Farbe kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch „fontName“ und „fontSize“.

Typ: object
Standardwert: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}