Optionen für die Diagrammkonfiguration

Diagrammtypen

Konfigurationsoptionen für Vermerkdiagramme

Name
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
displayRangeSelector

Gibt an, ob der Bereich zur Auswahl des Zoombereichs (der Bereich unten im Diagramm) angezeigt werden soll. false bedeutet „Nein“.

Die Umrisslinie in der Zoomauswahl ist eine logarithmische Version der ersten Reihe im Diagramm, die an die Höhe der Zoomauswahl angepasst wurde.

Typ: boolean
Standard:true
displayZoomButtons

Gibt an, ob die Schaltflächen zum Zoomen („1d“, „5d“, „1m“ usw.) angezeigt werden sollen. false bedeutet „Nein“.

Typ: boolean
Standard:true
max

Der Höchstwert, der auf der Y-Achse dargestellt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm so angepasst, dass die nächste große Markierung über dem maximalen Datenpunkt angezeigt wird. Diese Einstellung hat Vorrang vor dem Y-Achsen-Maximum, das durch scaleType festgelegt wird.

Das ist ähnlich wie maxValue in Standarddiagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der niedrigste Datenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass die nächste Hauptunterteilung unter dem niedrigsten Datenpunkt angezeigt wird. Diese Einstellung hat Vorrang vor dem Y-Achsen-Minimum, das durch scaleType festgelegt wird.

Das ist ähnlich wie minValue in Standarddiagrammen.

Typ: number
Standard:automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächenchart-Reihe, wobei 0.0 vollständig transparent und 1.0 vollständig undurchsichtig ist. Wenn Sie die Deckkraft für eine einzelne Reihe festlegen möchten, legen Sie den Wert areaOpacity in der Eigenschaft series 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 sein, z. B. 'red' oder '#00cc00', oder ein Objekt mit den folgenden Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
interpolateNulls

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert für fehlende Daten anhand der benachbarten Punkte geschätzt. Wenn false, wird an der unbekannten Stelle eine Unterbrechung in der Linie eingefügt.

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

Typ: boolean
Standard:false
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse kein series zugeordnet ist. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Breite der Datenlinie in Pixeln. Mit dem Wert „0“ werden alle Linien ausgeblendet und nur die Punkte angezeigt. Mit der Eigenschaft series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard:2
pointShape

Die Form der einzelnen Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Dokumentation zu Punkten .

Typ: string
Standard:'circle'
pointSize

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

Typ: number
Standard:0
reverseCategories

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

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

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

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

    Eine vollständige Liste der Anpassungsmöglichkeiten finden Sie unter den verschiedenen annotations-Optionen.

  • areaOpacity: Überschreibt die globale areaOpacity für diese Serie.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese Serie.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Serie.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Serie.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Serie.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Serie.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legenden-Eintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Balkendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:Zahl oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
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 Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

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

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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten hAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

Ein Array von Objekten, die jeweils das Format der entsprechenden Reihe 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 Attribute:

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

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

    Eine vollständige Liste der Anpassungsmöglichkeiten finden Sie unter den verschiedenen annotations-Optionen.

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Trendlinien werden für jede Reihe einzeln angegeben. Daher sehen Ihre Optionen meist 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 Hexadezimalstring.

Typ: string
Standard: Standardfarbe der Reihe
trendlines.n.degree

Für Trendlinien von type: 'polynomial' ist der Grad des Polynoms (2 für quadratisch, 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' (Standard), 'exponential' oder 'polynomial' sind.

Typ: string
Standard:linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Es wird in der Kurzinfo für die Trendlinie angezeigt.

Typ: boolean
Standard:false
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Blasendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
Bubble

Ein Objekt mit Elementen zum Konfigurieren der visuellen Eigenschaften der Blasen.

Typ: object
Standard:null
bubble.opacity

Die Deckkraft der Blasen, wobei 0 vollständig transparent und 1 vollständig undurchsichtig ist.

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

Die Farbe des Blasenstrichs.

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

Ein Objekt, das den Stil des Sprechblasentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

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

Ein Objekt mit Elementen, mit denen konfiguriert wird, wie Werte mit der Blasengröße verknüpft werden. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Maximaler Radius der größtmöglichen Blase in Pixeln.

Typ: number
Standard:30
sizeAxis.minSize

Der Mindestradius der kleinstmöglichen Blase in Pixeln.

Typ: number
Standard:5
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für den Kalender

Name
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

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

  • 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 Serie.
  • fallingColor.stroke: Überschreibt den globalen candlestick.fallingColor.stroke-Wert für diese Serie.
  • fallingColor.strokeWidth: Überschreibt den globalen candlestick.fallingColor.strokeWidth-Wert für diese Serie.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • risingColor.fill: Überschreibt den globalen candlestick.risingColor.fill-Wert für diese Serie.
  • risingColor.stroke: Überschreibt den globalen candlestick.risingColor.stroke-Wert für diese Serie.
  • risingColor.strokeWidth: Überschreibt den globalen candlestick.risingColor.strokeWidth-Wert für diese Serie.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Säulendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

Ein Array von Objekten, die jeweils das Format der entsprechenden Reihe 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 Attribute:

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

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

    Eine vollständige Liste der Anpassungsmöglichkeiten finden Sie unter den verschiedenen annotations-Optionen.

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

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Trendlinien werden für jede Reihe einzeln angegeben. Daher sehen Ihre Optionen meist 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 Hexadezimalstring.

Typ: string
Standard: Standardfarbe der Reihe
trendlines.n.degree

Für Trendlinien von type: 'polynomial' ist der Grad des Polynoms (2 für quadratisch, 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' (Standard), 'exponential' oder 'polynomial' sind.

Typ: string
Standard:linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Es wird in der Kurzinfo für die Trendlinie angezeigt.

Typ: boolean
Standard:false
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Kombinationsdiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächenchart-Reihe, wobei 0.0 vollständig transparent und 1.0 vollständig undurchsichtig ist. Wenn Sie die Deckkraft für eine einzelne Reihe festlegen möchten, legen Sie den Wert areaOpacity in der Eigenschaft series 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 sein, z. B. 'red' oder '#00cc00', oder ein Objekt mit den folgenden Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
curveType

Steuert die Krümmung der Linien, wenn die Linienbreite nicht null ist. folgende Arten von Werten sind möglich:

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
interpolateNulls

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert für fehlende Daten anhand der benachbarten Punkte geschätzt. Wenn false, wird an der unbekannten Stelle eine Unterbrechung in der Linie eingefügt.

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

Typ: boolean
Standard:false
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Breite der Datenlinie in Pixeln. Mit dem Wert „0“ werden alle Linien ausgeblendet und nur die Punkte angezeigt. Mit der Eigenschaft series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard:2
pointShape

Die Form der einzelnen Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Dokumentation zu Punkten .

Typ: string
Standard:'circle'
pointSize

Der Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit der Eigenschaft series können Sie Werte für einzelne Serien ü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 true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

Ein Array von Objekten, die jeweils das Format der entsprechenden Reihe 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 Attribute:

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

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

    Eine vollständige Liste der Anpassungsmöglichkeiten finden Sie unter den verschiedenen annotations-Optionen.

  • areaOpacity: Überschreibt die globale areaOpacity für diese Serie.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • curveType: Überschreibt den globalen curveType-Wert für diese Serie.
  • fallingColor.fill: Überschreibt den globalen candlestick.fallingColor.fill-Wert für diese Serie.
  • fallingColor.stroke: Überschreibt den globalen candlestick.fallingColor.stroke-Wert für diese Serie.
  • fallingColor.strokeWidth: Überschreibt den globalen candlestick.fallingColor.strokeWidth-Wert für diese Serie.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese Serie.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Serie.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Serie.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Serie.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Serie.
  • risingColor.fill: Überschreibt den globalen candlestick.risingColor.fill-Wert für diese Serie.
  • risingColor.stroke: Überschreibt den globalen candlestick.risingColor.stroke-Wert für diese Serie.
  • risingColor.strokeWidth: Überschreibt den globalen candlestick.risingColor.strokeWidth-Wert für diese Serie.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • type: Der Markertyp für diese Reihe. Gültige Werte sind „line“, „area“, „bars“ und „steppedArea“. Die Balken sind eigentlich vertikale Balken (Spalten). Der Standardwert wird durch die Option seriesType des Diagramms angegeben.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Tachometer

Name
greenColor

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

Typ: string
Standard:'#109618'
greenFrom

Der niedrigste Wert für einen Bereich, der grün markiert ist.

Typ: number
Standardwert:keiner
greenTo

Der höchste Wert für einen Bereich, der grün markiert ist.

Typ: number
Standardwert:keiner
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Breite des Containers
max

Der Höchstwert, der auf der Y-Achse dargestellt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm so angepasst, dass die nächste große Markierung über dem maximalen Datenpunkt angezeigt wird. Diese Einstellung hat Vorrang vor dem Y-Achsen-Maximum, das durch scaleType festgelegt wird.

Das ist ähnlich wie maxValue in Standarddiagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der niedrigste Datenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass die nächste Hauptunterteilung unter dem niedrigsten Datenpunkt angezeigt wird. Diese Einstellung hat Vorrang vor dem Y-Achsen-Minimum, das durch scaleType festgelegt wird.

Das ist ähnlich wie minValue in Standarddiagrammen.

Typ: number
Standard:automatisch
redColor

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

Typ: string
Standard:'#DC3912'
redFrom

Der niedrigste Wert für einen Bereich, der rot markiert ist.

Typ: number
Standardwert:keiner
redTo

Der höchste Wert für einen Bereich, der rot markiert ist.

Typ: number
Standardwert:keiner
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Containers
yellowColor

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

Typ: string
Standard:'#FF9900'
yellowFrom

Der niedrigste Wert für einen Bereich, der mit einer gelben Farbe gekennzeichnet ist.

Typ: number
Standardwert:keiner
yellowTo

Der höchste Wert für einen Bereich, der gelb markiert ist.

Typ: number
Standardwert:keiner

Konfigurationsoptionen für geografische Diagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
datalessRegionColor

Farbe, die Regionen ohne zugehörige Daten zugewiesen werden soll.

Typ: string
Standard:'#F5F5F5'
defaultColor

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

Typ: string
Standard:'#267114'
displayMode

Gibt an, um welchen Typ von Geochart es sich handelt. Das DataTable-Format muss mit dem angegebenen Wert übereinstimmen. Folgende Werte werden unterstützt:

  • 'auto': Wählen Sie diese Option basierend auf dem Format der DataTable aus.
  • 'regions': Die Regionen im Geochart werden eingefärbt.
  • 'markers' – Platzieren Sie Markierungen in den Regionen.
  • 'text': Beschriften Sie die Regionen mit Text aus der DataTable.
Typ: string
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Ein Objekt, das den Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Der Bereich, der im Geochart angezeigt werden soll. Auch die Umgebung wird angezeigt. Kann einer der folgenden Werte sein:

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Histogramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object/div>
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (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', 'none'.

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
histogram.bucketSize

Die Größe jeder Histogrammleiste wird fest codiert, anstatt algorithmisch bestimmt zu werden.

Typ: number
Standard:auto
histogram.hideBucketItems

Die dünnen Trennlinien zwischen den Blöcken des Histogramms werden weggelassen, sodass eine Reihe von durchgezogenen Balken entsteht.

Typ: boolean
Standard:false
histogram.lastBucketPercentile

Bei der Berechnung der Bucket-Größe des Histogramms werden die oberen und unteren lastBucketPercentile % ignoriert. Die Werte sind weiterhin im Histogramm enthalten, wirken sich aber nicht auf die Einteilung in Klassen aus.

Typ: number
Standard:0
interpolateNulls

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert für fehlende Daten anhand der benachbarten Punkte geschätzt. Wenn false, wird an der unbekannten Stelle eine Unterbrechung in der Linie eingefügt.

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

Typ: boolean
Standard:false
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

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

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Liniendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
curveType

Steuert die Krümmung der Linien, wenn die Linienbreite nicht null ist. folgende Arten von Werten sind möglich:

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
interpolateNulls

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert für fehlende Daten anhand der benachbarten Punkte geschätzt. Wenn false, wird an der unbekannten Stelle eine Unterbrechung in der Linie eingefügt.

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

Typ: boolean
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Breite der Datenlinie in Pixeln. Mit dem Wert „0“ werden alle Linien ausgeblendet und nur die Punkte angezeigt. Mit der Eigenschaft series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard:2
pointShape

Die Form der einzelnen Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Dokumentation zu Punkten .

Typ: string
Standard:'circle'
pointSize

Der Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit der Eigenschaft series können Sie Werte für einzelne Serien ü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 true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

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

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

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

    Eine vollständige Liste der Anpassungsmöglichkeiten finden Sie unter den verschiedenen annotations-Optionen.

  • type: Der Markertyp für diese Reihe. Gültige Werte sind „line“, „area“, „bars“ und „steppedArea“. Die Balken sind eigentlich vertikale Balken (Spalten). 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 curveType-Wert für diese Serie.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese Serie.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Serie.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Serie.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Serie.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Serie.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Typ: boolean
Trendlinien

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

Trendlinien werden für jede Reihe einzeln angegeben. Daher sehen Ihre Optionen meist 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 Hexadezimalstring.

Typ: string
Standard: Standardfarbe der Reihe
trendlines.n.degree

Für Trendlinien von type: 'polynomial' ist der Grad des Polynoms (2 für quadratisch, 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' (Standard), 'exponential' oder 'polynomial' sind.

Typ: string
Standard:linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Es wird in der Kurzinfo für die Trendlinie angezeigt.

Typ: boolean
Standard:false
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Organigramme

Name
Farbe

Die Hintergrundfarbe der Organigrammelemente.

Typ: string
Standard:'#edf7ff'
selectionColor

Die Hintergrundfarbe ausgewählter Organigrammelemente.

Typ: string
Standard:'#d6e9f8'
Größe

Die Gesamtgröße des Diagramms. Zu den Optionen gehören '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 sein, z. B. 'red' oder '#00cc00', oder ein Objekt mit den folgenden Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
is3D

Wenn true, wird ein dreidimensionales Diagramm angezeigt.

Typ: boolean
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn 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 der Segmentränder. Gilt nur für zweidimensionale Diagramme.

Typ: string
Standard:'white'
pieSliceText

Der Inhalt des Texts, der auf dem Segment angezeigt wird. folgende Arten von Werten sind möglich:

  • 'percentage': Der Prozentsatz der Segmentgröße im Verhältnis zum Gesamtwert.
  • '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 für Segmente angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
slices.color

Die Farbe, die für diesen Segment verwendet werden soll.

Typ: string
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 sein, z. B. 'red' oder '#00cc00', oder ein Objekt mit den folgenden Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
curveType

Steuert die Krümmung der Linien, wenn die Linienbreite nicht null ist. folgende Arten von Werten sind möglich:

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Attributen zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Hinweis: Die Rasterlinien der horizontalen Achse werden vertikal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
hAxis.logScale

hAxis-Attribut, mit dem die horizontale Achse logarithmisch skaliert wird. Dazu müssen alle Werte positiv sein. Legen Sie dafür true fest.

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

Typ: boolean
Standard:false
hAxis.maxValue

Verschiebt den Höchstwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach rechts verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale X-Wert der Daten ist. hAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien 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 den Farben der Gitternetzlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 gesetzt wird. Die Anzahl der untergeordneten Rasterlinien hängt jetzt ausschließlich vom Intervall zwischen den Hauptrasterlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard:1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er dadurch nach links verschoben. Wird ignoriert, wenn der Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Breite der Datenlinie in Pixeln. Mit dem Wert „0“ werden alle Linien ausgeblendet und nur die Punkte angezeigt. Mit der Eigenschaft series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard:2
pointShape

Die Form der einzelnen Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Beispiele finden Sie in der Dokumentation zu Punkten .

Typ: string
Standard:'circle'
pointSize

Der Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit der Eigenschaft series können Sie Werte für einzelne Serien ü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
dieser Videoreihe

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

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Serie.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Serie.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Serie.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Serie.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die beiden folgenden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Typ: boolean
Trendlinien

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

Trendlinien werden für jede Reihe einzeln angegeben. Daher sehen Ihre Optionen meist 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 Hexadezimalstring.

Typ: string
Standard: Standardfarbe der Reihe
trendlines.n.degree

Für Trendlinien von type: 'polynomial' ist der Grad des Polynoms (2 für quadratisch, 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' (Standard), 'exponential' oder 'polynomial' sind.

Typ: string
Standard:linear
trendlines.n.visibleInLegend

Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Es wird in der Kurzinfo für die Trendlinie angezeigt.

Typ: boolean
Standard:false
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto

Konfigurationsoptionen für Stufen-Flächendiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächenchart-Reihe, wobei 0.0 vollständig transparent und 1.0 vollständig undurchsichtig ist. Wenn Sie die Deckkraft für eine einzelne Reihe festlegen möchten, legen Sie den Wert areaOpacity in der Eigenschaft series 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 sein, z. B. 'red' oder '#00cc00', oder ein Objekt mit den folgenden Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit Elementen zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem 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. Wenn ein String verwendet wird, kann es sich entweder um einen Hexadezimalstring (z.B. '#fdc') oder ein englischer Farbname. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
  • stroke: Die Farbe als Hex-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird eine Umrandung mit der angegebenen Breite um den Diagrammbereich gezeichnet (mit der Farbe von stroke).
Typ:string oder object
Standard:'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard:auto
chartArea.left

Gibt an, wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.top

Gibt an, wie weit das Diagramm vom oberen Rand entfernt gezeichnet werden soll.

Typ:number oder string
Standard:auto
chartArea.width

Breite des Diagrammbereichs.

Typ:number oder string
Standard:auto
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
hAxis

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der horizontalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der horizontalen Achse zunehmen. 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', 'none'.

Typ: string
Standard:'out'
hAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Die Eigenschaft hAxis gibt den Titel der horizontalen Achse an.

Typ: string
Standard:null
hAxis.titleTextStyle

Ein Objekt, das den Textstil für den Titel der horizontalen Achse angibt. Das Objekt hat das folgende Format: 

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn hAxis.viewWindowMode 'pretty' oder 'maximized' ist.

Typ: number
Standard:auto
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
isStacked

Bei der Einstellung true werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalten-, Flächen- und SteppedArea-Diagrammen kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit dem Stapeln der Serien übereinstimmt. Serie 0 ist also das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch das 100‑%‑Stapeln, bei dem die Stapel von Elementen für jeden Domänenwert so skaliert werden, dass sie sich auf 100 % summieren.

Folgende Optionen sind für isStacked verfügbar:

  • false: Elemente werden nicht gestapelt. Das ist die Standardeinstellung.
  • true – Stapelelemente für alle Reihen bei jedem Domainwert.
  • 'percent': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 100 % summieren. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Stapelt Elemente für alle Reihen bei jedem Domainwert und skaliert sie so, dass sie sich auf 1 summieren. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Teilstriche basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und von 0 bis 100% für 'percent' verwendet. Hinweis:Wenn Sie die Option 'percent' verwenden, werden die Achsen-/Teilstrichwerte als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Werte auf der Skala von 0 bis 1. Das liegt daran, dass die Achsenticks für den Prozentsatz das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte im Bereich von 0 bis 1 sind. Wenn Sie isStacked: 'percent' verwenden, müssen Sie alle Teilstriche/Rasterlinien mit den relativen Skalenwerten zwischen 0 und 1 angeben. Sie können die Gitternetzlinien, Teilstriche und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für 100 %-Stapelung werden nur Datenwerte vom Typ number unterstützt und die Baseline muss null sein.

Typ:boolean/ string
Standard:false
Legende

Ein Objekt mit Elementen zum Konfigurieren verschiedener Aspekte der Legende. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 neben dem Diagramm, sofern der linken Achse keine Datenreihen zugeordnet sind. Wenn Sie die Legende links platzieren möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – Im Diagramm oben links.
  • '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 Stil des Legendentexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Wenn true festgelegt ist, werden die Reihen von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard:false
dieser Videoreihe

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

  • areaOpacity: Überschreibt die globale areaOpacity für diese Serie.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • type: Der Markertyp für diese Reihe. Gültige Werte sind „line“, „area“, „bars“ und „steppedArea“. Die Balken sind eigentlich vertikale Balken (Spalten). Der Standardwert wird durch die Option seriesType des Diagramms angegeben.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese Serie.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie ihn auf 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen auf unterschiedlichen Achsen dargestellt werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen unterschiedliche Skalen definieren.
  • visibleInLegend: Ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben soll, und false, dass sie keinen haben soll. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, in dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es angewendet wird. Die folgenden beiden Deklarationen sind beispielsweise identisch. Sie deklarieren die erste Reihe als schwarz und nicht in der Legende enthalten und die vierte als rot und nicht in der Legende enthalten: 

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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Labels in den Diagrammbereich.
Typ: string
Standard:null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn der Wert auf true gesetzt ist, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Attribute enthalten. Diese Property-Werte ü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 sie dann mit vAxes. Im folgenden Beispiel wird die zweite Reihe der rechten Achse zugewiesen und ein benutzerdefinierter Titel und Textstil dafür angegeben: 

{
  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 Achse angibt, die definiert wird. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Array-Schreibweise ist beispielsweise identisch mit dem oben gezeigten vAxis-Objekt: 

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

Ein Objekt mit Elementen zum Konfigurieren verschiedener Elemente der vertikalen Achse. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Elementen zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Hinweis: Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Wenn Sie Attribute dieses Objekts angeben möchten, können Sie die Objektliteralnotation 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 der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird sie zur Berechnung des minSpacing zwischen den Rasterlinien verwendet. Sie können den Wert 1 angeben, um nur eine Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an (Standardeinstellung), um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard:-1
vAxis.logScale

Wenn true, wird die vertikale Achse logarithmisch skaliert. Hinweis:Alle Werte müssen positiv sein.

Typ: boolean
Standard:false
vAxis.maxValue

Verschiebt den Höchstwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach oben verschoben. Wird ignoriert, wenn der Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Elementen zum Konfigurieren der untergeordneten Rasterlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“.

Typ: object
Standard:null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Gitternetzlinien und des Hintergrunds
vAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils veraltet. Eine Ausnahme ist das Deaktivieren untergeordneter Rasterlinien, indem die Anzahl auf 0 festgelegt wird. Die Anzahl der untergeordneten Rasterlinien hängt vom Intervall zwischen den Hauptrasterlinien und dem erforderlichen Mindestabstand ab.

Typ: number
Standard:1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen wird er nach unten verschoben. Wird ignoriert, wenn der Wert größer als der minimale Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:null
vAxis.textPosition

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

Typ: string
Standard:'out'
vAxis.textStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 für den Titel der vertikalen Achse angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch 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 auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode auf „pretty“ oder „maximized“ gesetzt ist.

Typ: number
Standard:auto
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Tabellendiagramme

Name
alternatingRowStyle

Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird.

Typ: boolean
Standard:true
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Seite

Ob und wie das Paging durch die Daten aktiviert werden soll. Wählen Sie einen der folgenden string-Werte aus:

  • 'enable': Die Tabelle enthält Schaltflächen zum Vor- und Zurückblättern. Wenn Sie auf diese Schaltflächen klicken, wird der Paging-Vorgang ausgeführt und die angezeigte Seite geändert. Möglicherweise möchten Sie auch die Option pageSize festlegen.
  • 'event': Die Tabelle enthält Schaltflächen zum Vor- und Zurückblättern, aber wenn Sie darauf klicken, wird ein 'page'-Ereignis ausgelöst und die angezeigte Seite ändert sich nicht. Diese Option sollte verwendet werden, wenn im Code eine eigene Logik für das Umblättern von Seiten implementiert ist. Im TableQueryWrapper-Beispiel sehen Sie, wie Paging-Ereignisse manuell verarbeitet werden.
  • 'disable': [Standard] Paging wird nicht unterstützt.
    • Typ: string
    Standard:'disable'
pageSize

Die Anzahl der Zeilen auf jeder Seite, wenn die Paginierung mit der Option „page“ aktiviert ist.

Typ: number
Standard:10
showRowNumber

Wenn diese Option auf true festgelegt ist, wird die Zeilennummer als erste Spalte der Tabelle angezeigt.

Typ: boolean
Standard:false
Sortieren

Gibt an, ob und wie Spalten sortiert werden, wenn der Nutzer auf eine Spaltenüberschrift klickt. Wenn die Sortierung aktiviert ist, sollten Sie auch die Properties 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 wird 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 auf der Seite eine eigene Sortierung implementiert ist. Ein Beispiel für die manuelle Verarbeitung von Sortierereignissen finden Sie im TableQueryWrapper-Beispiel.
  • 'disable': Wenn Sie auf eine Spaltenüberschrift klicken, hat das 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

Ein Index einer Spalte in der Datentabelle, nach der die Tabelle anfänglich sortiert wird. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt.

Typ: number
Standard:-1
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Zeitachse

Name
backgroundColor

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

Typ:string oder object
Standard:'white'
Farben

Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist, z. B. colors:['red','#004411'].

Typ:Array von Strings
Standard: Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden Elements
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Strukturkarten

Name
headerColor

Die Farbe des Kopfzeilenbereichs 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. Ebenen werden in die aktuelle Ebene reduziert. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten scrollen, um sie zu sehen. Unterhalb dieser Knoten werden maxPostDepth-Ebenen als schattierte Rechtecke dargestellt.

Typ: number
Standard:1
maxPostDepth

Anzahl der Ebenen von Knoten, die über maxDepth hinaus als „Hinweis“ angezeigt werden sollen. Hinweis-Knoten werden als schattierte Rechtecke innerhalb eines Knotens angezeigt, der innerhalb des maxDepth-Limits liegt.

Typ: number
Standard:0
midColor

Die Farbe für ein Rechteck mit einem Wert für Spalte 3, der in der Mitte zwischen maxColorValue und minColorValue liegt. 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 Stil des Titeltexts angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Ein Objekt, das den Stil des Titeltexts angibt. Die Farbe kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt. Das Objekt hat das folgende Format:

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Siehe auch fontName und fontSize.

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