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, z. B. 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

Ob die Zoomschaltflächen („1 Tag 5 Tage 1 Monat“ usw.) angezeigt werden sollen. false bedeutet „Nein“.

Typ: boolean
Standard: true
max

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

Das entspricht maxValue in grundlegenden Diagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass es den nächsten großen Teilstrich unter dem minimalen Datenpunkt anzeigt. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Minimum der Y-Achse.

Das entspricht minValue in den Basisdiagrammen.

Typ: number
Standard:automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

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

Typ:number, 0.0- 1.0
Standard: 0.3
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Bei true wird der Wert fehlender Daten anhand von benachbarten Punkten erraten. Wenn false, entsteht an der unbekannten Stelle ein Zeilenumbruch.

Bei Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' ist das nicht möglich.

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äulen-, Flächen- und SteppedArea-Diagrammen wird in Google Tabellen die Reihenfolge der Legendeneinträge umgekehrt, damit sie besser zum Stapeln der Reihenelemente passt. Beispiel: Die Reihe 0 ist das unterste Legendeneintrag. Das gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine 100-prozentige Stapelung, bei der die Stapel von Elementen für jeden Domainwert so skaliert werden, dass sie zusammen 100 % ergeben.

Für isStacked sind folgende Optionen verfügbar:

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

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse kein series zugewiesen ist. Wenn Sie die Legende links haben möchten, verwenden Sie die Option targetAxisIndex: 1.
  • 'in' – im Diagramm oben links
  • 'none': Es wird keine Legende angezeigt.
  • 'right': Rechts neben dem Diagramm. Nicht mit der Option vAxes kompatibel.
  • 'top' – über dem Diagramm.
Typ: string
Standard: 'right'
legendTextStyle

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

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

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

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

Breite der Datenleitung in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit der Property series kannst du Werte für einzelne Serien ü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. Wenn Sie „0“ eingeben, werden alle Punkte ausgeblendet. Mit der Property series kannst du Werte für einzelne Serien ü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 die 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 Reihe angewendet werden soll. So können Sie beispielsweise die textStyle für die Reihe steuern: 

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

    Eine vollständige Liste der Optionen, die angepasst werden können, finden Sie in den verschiedenen annotations-Optionen.

  • areaOpacity – Überschreibt den globalen areaOpacity für diese Reihe.
  • 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 werden soll.
  • lineDashStyle: Überschreibt den globalen Wert lineDashStyle für diese Reihe.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Reihe.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Reihe.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Reihe.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Reihe.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Wenn Sie 1 festlegen, wird ein Diagramm definiert, in dem verschiedene Reihen an verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen sein. 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 in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Balkendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Breite des Diagrammbereichs.

Typ:Zahl oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxes

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

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

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

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

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

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden 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. Das gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine 100-prozentige Stapelung, bei der die Stapel von Elementen für jeden Domainwert so skaliert werden, dass sie zusammen 100 % ergeben.

Für isStacked sind folgende Optionen verfügbar:

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

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter 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 Reihe angewendet werden soll. Damit kann beispielsweise der textStyle für die Reihe gesteuert werden: 

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

    Eine vollständige Liste der Optionen, die angepasst werden können, finden Sie in den verschiedenen annotations-Optionen.

  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • targetAxisIndex: 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 eine andere Skala definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Trendlinien werden für jede Reihe einzeln festgelegt. Daher sehen die Optionen in den meisten Fällen 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 Regressionslinie , angegeben als englischer Farbname oder Hexadezimalstring.

Typ: string
Standard:Standardreihenfarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dieser Parameter festgelegt ist, wird die Regressionslinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Regressionslinie 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 zur Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn Sie true festlegen, 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Blasendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
Bubble

Ein Objekt mit Mitgliedern, um die visuellen Eigenschaften der Blasen zu konfigurieren.

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 des Strichs der Blasen.

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

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

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

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

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

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

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

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

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

Ein Objekt mit Mitgliedern, mit denen konfiguriert wird, wie Werte der Blasengröße zugeordnet werden. Um die Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: number
Standard:30
sizeAxis.minSize

Der minimale Radius der kleinstmöglichen Blase in Pixeln.

Typ: number
Standard: 5
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Google Kalender

Name
Höhe

Höhe des Diagramms in Pixeln.

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter 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 candlestick.fallingColor.fill-Wert für diese Reihe.
  • fallingColor.stroke: Überschreibt den globalen candlestick.fallingColor.stroke-Wert für diese Reihe.
  • fallingColor.strokeWidth: Überschreibt den globalen candlestick.fallingColor.strokeWidth-Wert für diese Reihe.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • risingColor.fill: Überschreibt den globalen candlestick.risingColor.fill-Wert für diese Reihe.
  • risingColor.stroke – Überschreibt den globalen candlestick.risingColor.stroke-Wert für diese Reihe.
  • risingColor.strokeWidth: Überschreibt den globalen candlestick.risingColor.strokeWidth-Wert für diese Reihe.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Legen Sie 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen auf verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen sein. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Säulendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: stringoder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis: In Spalten-, Flächen- und SteppedArea-Diagrammen wird die Reihenfolge der Legendeneinträge in Google-Diagrammen umgekehrt, damit sie besser zum Stapeln der Reihenelemente passt. Beispiel: Die Reihe 0 ist das unterste Legendenelement. Dies gilt nicht für Balkendiagramme.

Die Option isStacked unterstützt auch eine 100-prozentige Stapelung, bei der die Stapel von Elementen für jeden Domainwert so skaliert werden, dass sie zusammen 100 % ergeben.

Für isStacked sind folgende Optionen verfügbar:

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

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter 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 Reihe angewendet werden soll. So können Sie beispielsweise die textStyle für die Reihe steuern: 

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

    Eine vollständige Liste der Optionen, die angepasst werden können, finden Sie in den verschiedenen annotations-Optionen.

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

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Trendlinien werden für jede Reihe einzeln festgelegt. Daher sehen die Optionen in den meisten Fällen 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 Regressionslinie , angegeben als englischer Farbname oder Hexadezimalstring.

Typ: string
Standard:Standardreihenfarbe
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 dieser Parameter festgelegt ist, wird die Regressionslinie 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 Regressionslinien 'linear' (Standard), '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 Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Kombinationsdiagramme

Name
areaOpacity

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

Typ:number, 0.0- 1.0
Standard: 0.3
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der Stelle mit unbekanntem Wert eine Unterbrechung in der Linie angezeigt.

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äulen-, Flächen- und SteppedArea-Diagrammen wird in Google Tabellen die Reihenfolge der Legendeneinträge umgekehrt, damit sie besser zum Stapeln der Reihenelemente passt. Beispiel: Die Reihe 0 ist das unterste Legendeneintrag. Das 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: Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt.
  • 'percent': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 100 % ergeben. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 1 ergeben. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Breite der Datenleitung in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit der Property series kannst du Werte für einzelne Serien ü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 der Property series kannst du Werte für einzelne Serien überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
reverseCategories

Wenn 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 Reihe angewendet werden soll. So können Sie beispielsweise die textStyle für die Reihe steuern: 

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

    Eine vollständige Liste der Optionen, die angepasst werden können, finden Sie in den verschiedenen annotations-Optionen.

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

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Messinstrumente

Name
greenColor

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

Typ: string
Standard: '#109618'
greenFrom

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

Typ: number
Standard: none
greenTo

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

Typ: number
Standard: keine
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Breite des Containers
max

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

Das entspricht maxValue in grundlegenden Diagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass es den nächsten großen Teilstrich unter dem minimalen Datenpunkt anzeigt. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Minimum der Y-Achse.

Das entspricht minValue in den Basisdiagrammen.

Typ: number
Standard:automatisch
redColor

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

Typ: string
Standard: '#DC3912'
redFrom

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

Typ: number
Standard: keine
redTo

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

Typ: number
Standard: none
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des Containers
yellowColor

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

Typ: string
Standard: '#FF9900'
yellowFrom

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

Typ: number
Standard: none
yellowTo

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

Typ: number
Standard: none

Konfigurationsoptionen für geografische Diagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
datalessRegionColor

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

Typ: string
Standard: '#F5F5F5'
defaultColor

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

Typ: string
Standard: '#267114'
displayMode

Die Art der Geografik. Das DataTable-Format muss mit dem angegebenen Wert übereinstimmen. Folgende Werte werden unterstützt:

  • 'auto': Wählen Sie die Option basierend auf dem Format der Datentabelle aus.
  • 'regions': Damit können Sie die Regionen im Geodiagramm einfärben.
  • 'markers' – Platzieren Sie Markierungen in den Regionen.
  • 'text' – Kennzeichnen Sie die Regionen mit Text aus der DataTable.
Typ: string
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

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

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

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

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 US-Bundesstaat, angegeben durch seinen ISO 3166-2:US-Code, z.B. 'US-AL' für Alabama. Die Option resolution muss auf 'provinces' oder 'metros' festgelegt sein.
Typ: string
Standard: „world“
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Histogramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ:string oder object/div>
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden 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 weg, sodass es eine Reihe durchgehender Balken bildet.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der Stelle mit unbekanntem Wert eine Unterbrechung in der Linie angezeigt.

Bei Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' ist das nicht möglich.

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 Spalten-, Flächen- und SteppedArea-Diagrammen wird die Reihenfolge der Legendeneinträge in Google Tabellen umgekehrt, damit sie besser zum Stapeln der Reihenelemente passt. Beispiel: Die Reihe 0 ist das unterste Legendeneintrag. Das 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: Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt.
  • 'percent': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 100 % ergeben. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 1 ergeben. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter 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: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • targetAxisIndex: 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 eine andere Skala definieren.
  • visibleInLegend: ein boolean-Wert, wobei true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall ist. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Breite

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 den Farben der Rasterlinien und des Hintergrunds
hAxis.minorGridlines.count

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert fehlender Daten anhand der benachbarten Punkte geschätzt. Bei false wird an der Stelle mit unbekanntem Wert eine Unterbrechung in der Linie angezeigt.

Bei Flächendiagrammen mit der Option isStacked: true/'percent'/'relative'/'absolute' ist das nicht möglich.

Typ: boolean
Standard: false
Legende

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Breite der Datenleitung in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit der Property series kannst du Werte für einzelne Serien ü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 der Property series kannst du Werte für einzelne Serien überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
reverseCategories

Wenn 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 Reihe angewendet werden soll. So können Sie beispielsweise die textStyle für die Reihe steuern: 

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

    Eine vollständige Liste der Optionen, die angepasst werden können, finden Sie in den verschiedenen annotations-Optionen.

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

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
Trendlinien

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

Trendlinien werden für jede Reihe einzeln festgelegt. Daher sehen die Optionen in den meisten Fällen 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:Standardreihenfarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dieser Parameter festgelegt ist, wird die Regressionslinie 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 Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo zur Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Organigramme

Name
Farbe

Die Hintergrundfarbe der Elemente der Organisationsstruktur.

Typ: string
Standard: '#edf7ff'
selectionColor

Die Hintergrundfarbe der ausgewählten Elemente der Organisationsstruktur.

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

Die Gesamtgröße des Diagramms. Optionen sind 'small', 'medium' oder 'large'.

Typ: string
Standard: 'medium'

Konfigurationsoptionen für Kreisdiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn true, wird ein dreidimensionales Diagramm angezeigt.

Typ: boolean
Standard: false
Legende

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Wenn der Wert zwischen 0 und 1 liegt, wird ein Ringdiagramm angezeigt. Der Radius des Lochs entspricht number-mal dem Radius des Diagramms.

Typ: number
Standard: 0
pieSliceBorderColor

Die Farbe der Segmentränder. Gilt nur, wenn das Diagramm zweidimensional ist.

Typ: string
Standard: 'white'
pieSliceText

Der Inhalt des Texts, der im Ausschnitt angezeigt wird. folgende Arten von Werten sind möglich:

  • 'percentage' – Der prozentuale Anteil der Größe des Ausschnitts am Gesamtwert.
  • 'value' – der quantitative Wert des Ausschnitts.
  • 'label': Der Name des Ausschnitts.
  • 'none': Es wird kein Text angezeigt.
Typ: string
Standard: 'percentage'
pieSliceTextStyle

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

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

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

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

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

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

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Konfigurationsoptionen für Streudiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ:string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

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

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

Ein Objekt mit Eigenschaften zum Konfigurieren der Rasterlinien auf der horizontalen Achse. Die Rasterlinien der horizontalen Achse 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 Rasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien 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, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen zu berechnen.

Typ: number
Standard: -1
hAxis.logScale

hAxis-Eigenschaft, die die horizontale Achse logarithmisch skaliert (alle Werte müssen positiv sein). Legen Sie true für „Ja“ fest.

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

Typ: boolean
Standard: false
hAxis.maxValue

Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. Dieser entspricht in den meisten Diagrammen nach rechts. Wird ignoriert, wenn dieser Wert 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 Nebenstriche 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 Nebenrasterlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an.

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

Die Option minorGridlines.count ist größtenteils eingestellt, es sei denn, Sie deaktivieren Hilfslinien, indem Sie die Anzahl auf 0 setzen. Die Anzahl der Nebenstriche hängt jetzt ausschließlich vom Intervall zwischen den Hauptstriche (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestabstand (siehe hAxis.minorGridlines.minSpacing) ab.

Typ: number
Standard: 1
hAxis.minValue

Der Mindestwert der horizontalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit Mitgliedern, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Breite der Datenleitung in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Mit der Property series kannst du Werte für einzelne Serien ü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 der Property series kannst du Werte für einzelne Serien überschreiben. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard: 0
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: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineWidth: Überschreibt den globalen lineWidth-Wert für diese Reihe.
  • pointShape: Überschreibt den globalen pointShape-Wert für diese Reihe.
  • pointSize: Überschreibt den globalen pointSize-Wert für diese Reihe.
  • pointsVisible: Überschreibt den globalen pointsVisible-Wert für diese Reihe.
  • visibleInLegend: Ein boolean-Wert. true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall sein sollte. Standardwert ist true.

Sie können entweder ein Array von Objekten angeben, die jeweils in der angegebenen Reihenfolge auf die Reihe angewendet werden, oder ein Objekt, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, auf welche Reihe es sich bezieht. Die folgenden beiden Deklarationen sind beispielsweise identisch. Die erste Reihe wird als schwarz und nicht in der Legende aufgeführt, 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 Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
Trendlinien

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

Trendlinien werden für jede Reihe einzeln festgelegt. Daher sehen die Optionen in den meisten Fällen 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 Regressionslinie , angegeben als englischer Farbname oder Hexadezimalstring.

Typ: string
Standard:Standardreihenfarbe
trendlines.n.degree

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

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn dieser Parameter festgelegt ist, wird die Regressionslinie in der Legende als dieser String angezeigt.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der Regressionslinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Ob die Regressionslinien 'linear' (Standard), '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 zur Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“

Konfigurationsoptionen für Stufen-Flächendiagramme

Name
areaOpacity

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

Typ:number, 0.0- 1.0
Standard: 0.3
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
chartArea

Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (in dem das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln, eine Zahl gefolgt von % 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 Properties angegeben werden:
  • stroke: Die Farbe, angegeben als Hexadezimal-String oder englischer Farbname.
  • strokeWidth: Wenn angegeben, wird um den Diagrammbereich ein Rahmen mit der angegebenen Breite und der Farbe stroke gezeichnet.
Typ: string oder object
Standard: 'white'
chartArea.height

Höhe des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
chartArea.left

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

Typ:number oder string
Standard:automatisch
chartArea.top

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

Typ:number oder string
Standard: „auto“
chartArea.width

Diagrammbereichbreite.

Typ:number oder string
Standard: „auto“
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Position des 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

Ein Objekt, das den Textstil 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard: Höhe des enthaltenden 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: Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt.
  • 'percent': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 100 % ergeben. Der Wert jedes Elements wird als Prozentsatz von 100 % berechnet.
  • 'relative': Hier werden Elemente für alle Reihen bei jedem Domainwert gestapelt und so skaliert, dass sie zusammen 1 ergeben. Der Wert jedes Elements wird als Bruchteil von 1 berechnet.
  • 'absolute' – funktioniert genauso wie isStacked: true.

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

Für die Zielachse werden standardmäßig Achsenbeschriftungen basierend auf der relativen Skala von 0 bis 1 als Bruchteile von 1 für 'relative' und 0 bis 100% für 'percent' verwendet. Hinweis:Bei Verwendung der Option 'percent' werden die Achsen-/Achsenbeschriftungen als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die Werte der relativen Skala von 0 bis 1. Das liegt daran, dass die Prozentachsenbeschriftungen das Ergebnis der Anwendung des Formats „#.##%“ auf die relativen Werte der Skala von 0 bis 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 Rasterlinien/Achsenbeschriftungen 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, mit denen verschiedene Aspekte der Legende konfiguriert werden können. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

  • 'bottom' – Unter dem Diagramm.
  • 'left': Links neben dem Diagramm, sofern der linken Achse keine Reihe zugewiesen ist. 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'. Weitere Informationen finden Sie unter 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 Reihe.
  • color: Die für diese Reihe zu verwendende Farbe. 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 es sich bei den Balken um vertikale Balken (Spalten) handelt. Der Standardwert wird mit der Option seriesType des Diagramms angegeben.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese Reihe.
  • targetAxisIndex: Die Achse, der diese Reihe zugewiesen werden soll. 0 ist die Standardachse und 1 die gegenüberliegende Achse. Der Standardwert ist 0. Legen Sie 1 fest, um ein Diagramm zu definieren, in dem verschiedene Reihen auf verschiedenen Achsen gerendert werden. Der Standardachse muss mindestens eine Reihe zugewiesen werden. Sie können für verschiedene Achsen eine andere Skala definieren.
  • visibleInLegend: Ein boolean-Wert. true bedeutet, dass die Reihe einen Legendeneintrag haben sollte, und false, dass dies nicht der Fall sein sollte. Standardwert ist true.

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt.

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

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

Ein 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 Diagrammbereich und zeichnet die Legende und alle Beschriftungen innerhalb des Diagrammbereichs.
Typ: string
Standard: null
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

Wenn Sie true festlegen, wird die Spalte im Diagramm als Domain behandelt.

Typ: boolean
vAxes

Hiermit werden Eigenschaften für einzelne vertikale Achsen festgelegt, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle von vAxis unterstützten Properties enthalten. Diese Property-Werte überschreiben alle globalen Einstellungen für dieselbe Property.

Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit series.targetAxisIndex und konfigurieren Sie 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, die jeweils ein numerisches Label haben, das die definierte Achse angibt. Das ist das oben gezeigte Format. Das Array ist ein Array von Objekten, jeweils eines pro Achse. Die folgende Notation im Arraystil ist beispielsweise mit dem oben gezeigten vAxis-Objekt identisch: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ:Objekt-Array oder Objekt 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. Die Rasterlinien der vertikalen Achse werden horizontal gezeichnet. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

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

Typ: object
Standard: null
vAxis.gridlines.color

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

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

Die ungefähre Anzahl der horizontalen Rasterlinien im Diagrammbereich. Wenn Sie für gridlines.count eine positive Zahl angeben, wird diese verwendet, um die minSpacing zwischen den Rasterlinien zu berechnen. Sie können den Wert 1 angeben, um nur eine einzige Rasterlinie zu zeichnen, oder 0, um keine Rasterlinien zu zeichnen. Geben Sie -1 an, die Standardeinstellung, um die Anzahl der Rasterlinien automatisch anhand anderer Optionen 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

Der Maximalwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach oben. 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 kleineren Gitternetzlinien auf der vertikalen Achse, ähnlich wie bei der Option „vAxis.gridlines“.

Typ: object
Standard: null
vAxis.minorGridlines.color

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

Typ: string
Standard:Eine Mischung aus den Farben der Rasterlinien und des Hintergrunds
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 Nebenstriche hängt vom Intervall zwischen den Hauptstriche und dem erforderlichen Mindestabstand ab.

Typ: number
Standard: 1
vAxis.minValue

Der Mindestwert der vertikalen Achse wird auf den angegebenen Wert verschoben. In den meisten Diagrammen ist das nach unten. Wird ignoriert, wenn dieser Wert größer als der Mindest-Y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

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

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. 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: „auto“
vAxis.viewWindow.min

Der Mindestwert für vertikale Daten, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Tabellendiagramme

Name
alternatingRowStyle

Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird.

Typ: boolean
Standard: true
Höhe

Höhe des Diagramms in Pixeln.

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

Ob und wie die Seitensuche in den Daten aktiviert werden soll. 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 die Seite gewechselt. Sie können auch die Option pageSize festlegen.
  • 'event': Die Tabelle enthält Schaltflächen zum Weiter- und Zurückblättern. Wenn Sie darauf klicken, wird jedoch ein 'page'-Ereignis ausgelöst und die angezeigte Seite ändert sich nicht. Diese Option sollte verwendet werden, wenn der Code eine eigene Logik zum Umblättern implementiert. Im Beispiel TableQueryWrapper wird gezeigt, wie Sie Paginierungsereignisse manuell verarbeiten.
  • 'disable': [Standard] Auslagerung 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 diese Option auf true festgelegt ist, wird die Zeilennummer als erste Spalte der Tabelle angezeigt.

Typ: boolean
Standard: false
Sortieren

Ob und wie Spalten sortiert werden, wenn Nutzer auf eine Spaltenüberschrift klicken. Wenn die Sortierung aktiviert ist, sollten Sie auch die Properties sortAscending und sortColumn festlegen. Wählen Sie einen der folgenden string-Werte aus:

  • 'enable' – [Standard] Nutzer können auf Spaltenüberschriften klicken, um nach der angeklickten Spalte zu sortieren. Wenn Nutzer auf die Spaltenüberschrift klicken, werden die Zeilen automatisch sortiert und ein 'sort'-Ereignis 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 die Seite eine eigene Sortierung implementiert. Im Beispiel TableQueryWrapper wird gezeigt, wie Sie Sortierereignisse manuell verarbeiten.
  • 'disable': Wenn Sie auf eine Spaltenüberschrift klicken, hat das keine Auswirkungen.
Typ: string
Standard: 'enable'
sortAscending

Die Reihenfolge, in der die erste Sortierreihenfolge sortiert wird. True für aufsteigend, false für absteigend. Wird ignoriert, wenn sortColumn nicht angegeben ist.

Typ: boolean
Standard: true
sortColumn

Ein Index einer Spalte in der Datentabelle, nach dem die Tabelle zuerst sortiert wird. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt.

Typ: number
Standard: -1
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Zeitachsen

Name
backgroundColor

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

Typ:string oder object
Standard: 'white'
Farben

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

Typ:String-Array
Standard:Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Strukturkarten

Name
headerColor

Die Farbe des Kopfbereichs für jeden Knoten. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #988f86
maxColor

Die Farbe für ein Rechteck mit dem Wert maxColorValue in Spalte 3. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #00dd00
maxDepth

Die maximale Anzahl von Knotenebenen, die in der aktuellen Ansicht angezeigt werden sollen. Die Ebenen werden in die aktuelle Ebene eingespeist. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten gehen, um sie zu sehen. Darunter sehen Sie außerdem maxPostDepth-Ebenen als schattierte Rechtecke in diesen Knoten.

Typ: number
Standard: 1
maxPostDepth

Legt fest, wie viele Knotenebenen ab maxDepth in „Hinweis“ angezeigt werden sollen. Versteckte Knoten werden als schattierte Rechtecke in einem Knoten angezeigt, der die Grenze von maxDepth nicht überschreitet.

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 minColorValue in Spalte 3. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #dd0000
noColor

Die Farbe, die für ein Rechteck verwendet werden soll, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blatt ist (oder nur Blätter enthält). Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Stil des Titeltexts angibt.

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

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

Ein Objekt, das den Stil des Titeltexts angibt. Die Farbe kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00'. Weitere Informationen finden Sie unter „fontName“ und „fontSize“.

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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