Optionen für die Diagrammkonfiguration

Diagrammtypen

Konfigurationsoptionen für Anmerkungsdiagramme

Name
Farben

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

Typ:String-Array
Standard:Standardfarben
displayRangeSelector

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

Der Umriss in der Zoomauswahl ist eine Version mit logarithmischer Skala der ersten Reihe im Diagramm, die an die Höhe des Zoom-Selektors angepasst wird.

Typ: boolean
Standard: true
displayZoomButtons

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

Typ: boolean
Standard: true
Max.

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

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard:automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der Mindestdatenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass es den nächsten großen Teilstrich unterhalb des Mindestdatenpunkts anzeigt. Dies hat Vorrang vor dem durch scaleType festgelegten Minimum auf der Y-Achse.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard:automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft einer einzelnen Reihe festlegen möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand von benachbarten Punkten erraten. Wenn false, entsteht an der unbekannten Stelle ein Zeilenumbruch.

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

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links vom Diagramm, vorausgesetzt, der linken Achse ist kein series zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

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

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

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

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der anpassbaren Optionen.

  • areaOpacity: überschreibt den globalen areaOpacity für diese Serie.
  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Balkendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: Zahl oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxes

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

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

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt hAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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 Serie angewendet werden soll. Damit kann beispielsweise der textStyle für die Reihe gesteuert werden: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der anpassbaren Optionen.

  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Zeigt Trendlinien in den entsprechenden Diagrammen an. Standardmäßig werden linear-Trendlinien verwendet. Dies kann jedoch mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, daher sehen die meisten Optionen so aus: 

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

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

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dies festgelegt ist, 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

Ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

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

Typ: boolean
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Blasendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
bubble

Ein Objekt mit Mitgliedern 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 deckend ist.

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

Die Farbe der Kontur der Blasen.

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

Ein Objekt, das den Textstil der Blasen angibt. Das Objekt hat folgendes 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 Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Ein Objekt mit Mitgliedern, um zu konfigurieren, wie Werte der Blasengröße zugeordnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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

Mindestradius der kleinsten 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 Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Kalender

Name
height

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Höhe des beinhaltenden Elements
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • fallingColor.fill: Überschreibt den globalen Wert candlestick.fallingColor.fill für diese Reihe.
  • fallingColor.stroke: Überschreibt den globalen Wert candlestick.fallingColor.stroke für diese Reihe.
  • fallingColor.strokeWidth: Überschreibt den globalen Wert candlestick.fallingColor.strokeWidth für diese Reihe.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • risingColor.fill: Überschreibt den globalen Wert candlestick.risingColor.fill für diese Reihe.
  • risingColor.stroke: Überschreibt den globalen Wert candlestick.risingColor.stroke für diese Reihe.
  • risingColor.strokeWidth: Überschreibt den globalen Wert candlestick.risingColor.strokeWidth für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Säulendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

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

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der anpassbaren Optionen.

  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Zeigt Trendlinien in den entsprechenden Diagrammen an. Standardmäßig werden linear-Trendlinien verwendet. Dies kann jedoch mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, daher sehen die meisten Optionen so aus: 

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

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

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dies festgelegt ist, 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

Ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Kombinationsdiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft einer einzelnen Reihe festlegen möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand von benachbarten Punkten erraten. Wenn false, entsteht an der unbekannten Stelle ein Zeilenumbruch.

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

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

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

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

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

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der anpassbaren Optionen.

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

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Messgeräte

Name
greenColor

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

Typ: string
Standard: '#109618'
greenFrom

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

Typ: number
Standard: keine
greenTo

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

Typ: number
Standard: keine
height

Höhe des Diagramms in Pixeln.

Typ: number
Standardeinstellung:Breite des Containers
Max.

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

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard:automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der Mindestdatenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass es den nächsten großen Teilstrich unterhalb des Mindestdatenpunkts anzeigt. Dies hat Vorrang vor dem durch scaleType festgelegten Minimum auf der Y-Achse.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard:automatisch
redColor

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

Typ: string
Standard: '#DC3912'
redFrom

Der niedrigste Wert für einen rot markierten Bereich.

Typ: number
Standard: keine
redTo

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

Typ: number
Standard: keine
width

Breite des Diagramms in Pixeln.

Typ: number
Standardeinstellung:Breite des Containers
yellowColor

Die zu verwendende Farbe für den gelben Abschnitt in HTML-Farbschreibweise.

Typ: string
Standard: '#FF9900'
yellowFrom

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

Typ: number
Standard: keine
yellowTo

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

Typ: number
Standard: keine

Konfigurationsoptionen für Geodiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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 Geodiagramm verwendet werden soll, wenn der Ort (z.B. 'US') vorhanden ist, aber der Wert ist entweder null oder nicht angegeben. Dies unterscheidet sich von datalessRegionColor, der Farbe, die verwendet wird, wenn Daten fehlen.

Typ: string
Standard: '#267114'
displayMode

Die Art des Geodiagramms. Das Datentabellenformat muss dem angegebenen Wert entsprechen. Die folgenden Werte werden unterstützt:

  • 'auto': Wählen Sie die Option basierend auf dem Format der Datentabelle aus.
  • 'regions': farbige Bereiche im Geodiagramm ein.
  • 'markers' – Platzieren Sie Markierungen in den Regionen.
  • 'text' – Kennzeichnen Sie die Regionen mit Text aus der DataTable.
Typ: string
Standardeinstellung: „auto“
height

Höhe des Diagramms in Pixeln.

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

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

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

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

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

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

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

Bereich, der im Geodiagramm angezeigt werden soll. Auch die Umgebung in der Umgebung wird angezeigt. Folgende Werte sind möglich:

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für das Histogramm

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Codieren Sie die Größe jedes Histogrammbalkens hart, anstatt sie algorithmisch bestimmen zu lassen.

Typ: number
Standard:automatisch
histogram.hideBucketItems

Lassen Sie die dünnen Trennlinien zwischen den Blöcken des Histogramms aus und machen Sie daraus eine Reihe durchgehender Balken.

Typ: boolean
Standard: false
histogram.lastBucketPercentile

Ignorieren Sie beim Berechnen der Bucket-Größe des Histogramms die oberen und unteren lastBucketPercentile Prozent. Die Werte sind weiterhin im Histogramm enthalten, haben aber keine Auswirkungen auf das Bucketing.

Typ: number
Standard: 0
interpolateNulls

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand von benachbarten Punkten erraten. Wenn false, entsteht an der unbekannten Stelle ein Zeilenumbruch.

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

Typ: boolean
Standard: false
isStacked

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Liniendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird der Wert fehlender Daten anhand von benachbarten Punkten erraten. Wenn false, entsteht an der unbekannten Stelle ein Zeilenumbruch.

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

Typ: boolean
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

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

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

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

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der anpassbaren Optionen.

  • type: Der Markierungstyp für diese Reihe. Gültige Werte sind 'line', 'area', 'bars' und 'steppedArea'. Beachten Sie, dass Balken eigentlich vertikale Balken (Spalten) sind. Der Standardwert wird mit der Option seriesType des Diagramms angegeben.
  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • curveType: Überschreibt den globalen Wert curveType für diese Reihe.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

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

Typ: boolean
Trendlinien

Zeigt Trendlinien in den entsprechenden Diagrammen an. Standardmäßig werden linear-Trendlinien verwendet. Dies kann jedoch mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, daher sehen die meisten Optionen so aus: 

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

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

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dies festgelegt ist, 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

Ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Organigramme

Name
Farbe

Die Hintergrundfarbe der Elemente im Organigramm.

Typ: string
Standard: '#edf7ff'
selectionColor

Die Hintergrundfarbe der ausgewählten Elemente in einem Organisationsdiagramm.

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. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
height

Höhe des Diagramms in Pixeln.

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

Wenn true, wird ein dreidimensionales Diagramm angezeigt.

Typ: boolean
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Liegt der Wert zwischen 0 und 1, wird ein Ringdiagramm angezeigt. Der Radius des Lochs entspricht dem number × dem Radius des Diagramms.

Typ: number
Standard: 0
pieSliceBorderColor

Die Farbe der Kreislinien. Nur anwendbar, wenn das Diagramm zweidimensional ist.

Typ: string
Standard: 'white'
pieSliceText

Der Textinhalt, der im Segment angezeigt wird. folgende Arten von Werten sind möglich:

  • 'percentage': Prozentsatz der Segmentgröße am Gesamtwert.
  • 'value': der quantitative Wert des Slice.
  • 'label': Der Name des Slice.
  • 'none': Es wird kein Text angezeigt.
Typ: string
Standard: 'percentage'
pieSliceTextStyle

Ein Objekt, das den Segmenttextstil angibt. Das Objekt hat folgendes 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 der Wert auf true gesetzt ist, wird die Reihe von rechts nach links gezeichnet. Standardmäßig wird von links nach rechts gezeichnet.

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

Typ: boolean
Standard: false
slices.color

Die für dieses Segment zu verwendende Farbe.

Typ: string
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
hAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse zu einer logarithmischen Skala macht (alle Werte müssen positiv sein). Wähle true für „Ja“ aus.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist. hAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei 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 kleineren Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt jetzt vollständig vom Intervall zwischen den großen Gitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand ab (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert; in den meisten Diagrammen nach links. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist. hAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit dem Attribut series können Sie Werte für einzelne Reihen überschreiben.

Typ: number
Standard: 2
pointShape

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

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
Serien

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 Eigenschaften:

  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineWidth: Überschreibt den globalen Wert lineWidth für diese Reihe.
  • pointShape: Überschreibt den globalen Wert pointShape für diese Reihe.
  • pointSize: Überschreibt den globalen Wert pointSize für diese Reihe.
  • pointsVisible: Überschreibt den globalen Wert pointsVisible für diese Reihe.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

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

Typ: boolean
Trendlinien

Zeigt Trendlinien in den entsprechenden Diagrammen an. Standardmäßig werden linear-Trendlinien verwendet. Dies kann jedoch mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, daher sehen die meisten Optionen so aus: 

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

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

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dies festgelegt ist, 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

Ob die Trendlinien 'linear' (Standardeinstellung), 'exponential' oder 'polynomial' sind.

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Stufen-Flächendiagramm

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei 0.0 vollständig transparent und 1.0 vollständig deckend ist. Wenn Sie die Deckkraft einer einzelnen Reihe festlegen möchten, legen Sie im Attribut series den Wert areaOpacity fest.

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Position und Größe des Diagrammbereichs, in dem das Diagramm selbst gezeichnet wird, ohne Achse 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 % ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.top

Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist.

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

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

Position des Textes der horizontalen Achse im Verhältnis 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 folgendes 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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
height

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Säulendiagrammen, Flächendiagrammen und SteppedArea kehrt Google Charts die Reihenfolge der Legendenelemente um, damit sie besser mit der Stapelung der Reihenelemente übereinstimmen. So ist Reihe 0 das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine Stapelung von 100 %, wobei die Stapel von Elementen bei jedem Domainwert neu skaliert werden, sodass die Summe 100 % ergibt.

Für isStacked sind folgende Optionen verfügbar:

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

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

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

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

Typ:boolean/ string
Standard: false
Legende

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

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

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

  • 'bottom': unter dem Diagramm
  • 'left': Links neben dem Diagramm, vorausgesetzt, der linken Achse ist keine Reihe zugeordnet. Wenn Sie also die Legende auf der linken Seite sehen möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in': Im Diagramm, in der linken oberen Ecke.
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top': über dem Diagramm
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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 Eigenschaften:

  • areaOpacity: überschreibt den globalen areaOpacity für diese Serie.
  • color – Farbe, die für diese Reihe verwendet werden soll. Geben Sie einen gültigen HTML-Farbstring an.
  • type: Der Markierungstyp für diese Reihe. Gültige Werte sind 'line', 'area', 'bars' und 'steppedArea'. Beachten Sie, dass Balken eigentlich vertikale Balken (Spalten) sind. Der Standardwert wird mit der Option seriesType des Diagramms angegeben.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt wird.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • targetAxisIndex: Achse, der diese Reihe zugewiesen werden soll, wobei 0 die Standardachse und 1 die gegenüberliegende Achse ist Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen einen anderen Maßstab definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt.Die folgenden beiden Deklarationen sind beispielsweise identisch und geben die erste Reihe als schwarz und nicht in der Legende an, die vierte als rot und nicht in der Legende: 

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel 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 Design ist eine Reihe vordefinierter Optionswerte, die im Zusammenspiel ein bestimmtes Diagrammverhalten oder einen bestimmten visuellen Effekt erzielen. Derzeit ist nur ein Design verfügbar:

  • 'maximized': Maximiert den Bereich des Diagramms und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs auf.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn dieser 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 Attributwerte überschreiben alle globalen Einstellungen für dasselbe Attribut.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Im folgenden Beispiel wird Reihe 2 der rechten Achse zugewiesen und es werden ein benutzerdefinierter Titel und ein benutzerdefinierter 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, von denen jedes ein numerisches Label für die Achse hat, die es definiert. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Schreibweise im Arraystil ist beispielsweise mit dem oben gezeigten Objekt vAxis identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation 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 wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Zum Angeben der Attribute dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie eine positive Zahl für gridlines.count angeben, wird sie verwendet, um den minSpacing zwischen Gitternetzlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine Gitternetzlinie zu zeichnen, oder 0, um keine Gitternetzlinien zu zeichnen. Geben Sie -1 an. Dies ist die Standardeinstellung, um die Anzahl der Gitternetzlinien basierend auf anderen Optionen automatisch zu berechnen.

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert; dieser Wert ist in den meisten Diagrammen höher. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist. vAxis.viewWindow.max überschreibt diese Property.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

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

Die Option minorGridlines.count wurde größtenteils verworfen, außer dass kleinere Gitternetzlinien durch Festlegen der Anzahl auf 0 deaktiviert werden. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen den Hauptgitternetzlinien 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 ist dieser Wert abwärts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis 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 folgendes 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 folgendes 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 „schön“ oder „maximiert“ ist.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Tabellendiagramme

Name
alternatingRowStyle

Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird.

Typ: boolean
Standard: true
height

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Höhe des beinhaltenden Elements
seite

Ob und wie das Durchblättern der Daten aktiviert werden kann Wählen Sie einen der folgenden string-Werte aus:

  • 'enable': Die Tabelle enthält die Schaltflächen „Seite vor“ und „Zurück“. Wenn Sie auf diese Schaltflächen klicken, wird der Paging-Vorgang ausgeführt und die angezeigte Seite geändert. Sie können auch die Option pageSize festlegen.
  • 'event': Die Tabelle enthält die Schaltflächen zum Vor- und Zurückblättern. Wenn sie jedoch klicken, wird ein 'page'-Ereignis ausgelöst und die angezeigte Seite nicht geändert. Diese Option sollte verwendet werden, wenn im Code eine eigene Logik für den Seitenwechsel implementiert ist. Ein Beispiel für die manuelle Verarbeitung von Paging-Ereignissen finden Sie im TableQueryWrapper-Beispiel.
  • 'disable': [Standard] Paging wird nicht unterstützt.
    • Typ: string
    Standard: 'disable'
pageSize

Die Anzahl der Zeilen pro Seite, wenn Paging mit der Seitenoption aktiviert ist.

Typ: number
Standard: 10
showRowNumber

Wenn true festgelegt ist, wird die Zeilennummer als erste Spalte der Tabelle angezeigt.

Typ: boolean
Standard: false
Sortieren

Ob und wie Spalten sortiert werden sollen, wenn der Nutzer auf eine Spaltenüberschrift klickt. Wenn die Sortierung aktiviert ist, sollten Sie auch die Attribute sortAscending und sortColumn festlegen. Wählen Sie einen der folgenden string-Werte aus:

  • 'enable': [Standard] Nutzer können auf Spaltenüberschriften klicken, um nach der angeklickten Spalte zu sortieren. Wenn Nutzer auf die Spaltenüberschrift klicken, werden die Zeilen automatisch sortiert und das Ereignis 'sort' ausgelöst.
  • 'event': Wenn Nutzer auf die Spaltenüberschrift klicken, wird ein 'sort'-Ereignis ausgelöst. Die Zeilen werden jedoch nicht automatisch sortiert. Diese Option sollte verwendet werden, wenn für die Seite eine eigene Sortierung implementiert wird. Ein Beispiel für die manuelle Verarbeitung von Sortierereignissen finden Sie im TableQueryWrapper-Beispiel.
  • 'disable'– Das Klicken auf eine Spaltenüberschrift hat keine Auswirkungen.
Typ: string
Standard: 'enable'
sortAscending

Die Reihenfolge, in der die anfängliche Sortierspalte sortiert ist. 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 ist. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt.

Typ: number
Standard: -1
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für die Zeitachse

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Dies kann entweder ein einfacher HTML-Farbstring wie 'red' oder '#00cc00' oder ein Objekt mit den folgenden Eigenschaften sein.

Typ: string oder object
Standard: 'white'
Farben

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

Typ:String-Array
Standard:Standardfarben
height

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Höhe des beinhaltenden Elements
width

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Strukturkarten

Name
headerColor

Die Farbe des Headerbereichs 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 der Knotenebenen, die in der aktuellen Ansicht angezeigt werden. Die Ebenen werden in die aktuelle Ebene eingespeist. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten gehen, um sie zu sehen. Darüber hinaus werden darunter maxPostDepth Ebenen als schattierte Rechtecke innerhalb dieser Knoten angezeigt.

Typ: number
Standard: 1
maxPostDepth

Legt fest, wie viele Knotenebenen ab maxDepth in „Hinweis“ angezeigt werden sollen. Hinweisknoten werden als schattierte Rechtecke innerhalb eines Knotens angezeigt, der innerhalb des Limits von maxDepth liegt.

Typ: number
Standard: 0
midColor

Die Farbe für ein Rechteck mit einem Wert aus Spalte 3 in der Mitte zwischen maxColorValue und minColorValue. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
minColor

Die Farbe für ein Rechteck mit dem Wert aus Spalte 3 von minColorValue. 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 Textstil für den Titel 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 Textstil für den Titel angibt. Die Farbe kann eine beliebige HTML-Farbzeichenfolge 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 Textstil für den Titel angibt. Das Objekt hat folgendes Format:

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

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

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