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 zum Auswählen des Zoombereichs (der Bereich unten im Diagramm) angezeigt werden soll. false bedeutet „Nein“.

Der Umriss in der Zoomauswahl ist eine Version der ersten Reihe im Diagramm in der Logarithmusskala, die auf die Höhe der Zoomauswahl skaliert ist.

Typ: boolean
Standard:true
displayZoomButtons

Gibt an, 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 große Markierung über dem maximalen Datenpunkt angezeigt wird. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Maximum der Y-Achse.

Das entspricht maxValue in den Basisdiagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der Mindestdatenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm so angepasst, dass die nächste Hauptbezugslinie unter dem Mindestdatenpunkt angezeigt wird. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Minimum der Y-Achse.

Das entspricht minValue in grundlegenden Diagrammen.

Typ: number
Standard:automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

Die Standarddeckkraft des farbigen Bereichs in einer Reihe von Flächendiagrammen. Dabei ist 0.0 vollständig transparent und 1.0 vollständig undurchsichtig. 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert 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 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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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. Wenn Sie „0“ eingeben, werden alle Linien ausgeblendet und nur die Punkte angezeigt. 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 true festgelegt ist, werden Reihen 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: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • labelInLegend: Die Beschreibung der Reihe, die in der Diagrammlegende angezeigt werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert für diese 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. 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

Gibt an, wie weit das Diagramm vom oberen 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 Properties 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit hAxes. Im folgenden Beispiel wird der Reihe 1 die untere Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt:

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

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. 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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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 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>}
reverseCategories

Wenn true festgelegt ist, werden Reihen 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: 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 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
vAxis

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

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 undurchsichtig 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. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit 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 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>}
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 Farbe, die für diese Reihe verwendet werden soll. 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

Der maximale Radius der größten mö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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 enthaltenden Elements
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des enthaltenden Elements

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

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

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard:'white'
chartArea

Ein Objekt mit 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. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit 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 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>}
reverseCategories

Wenn true festgelegt ist, werden Reihen 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.
  • 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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 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>}
reverseCategories

Wenn true festgelegt ist, werden Reihen 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: 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.

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

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 Reihe von Flächendiagrammen. Dabei ist 0.0 vollständig transparent und 1.0 vollständig undurchsichtig. 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert 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 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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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 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. Wenn Sie „0“ eingeben, werden alle Linien ausgeblendet und nur die Punkte angezeigt. 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. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard:0
reverseCategories

Wenn true festgelegt ist, werden Reihen 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 die globale areaOpacity für diese Reihe.
  • color: Die für diese Reihe zu verwendende Farbe. Geben Sie einen gültigen HTML-Farbstring an.
  • curveType: Überschreibt den globalen 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 werden soll.
  • lineDashStyle: Überschreibt den globalen lineDashStyle-Wert 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: 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.
  • 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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: none
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 große Markierung über dem maximalen Datenpunkt angezeigt wird. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Maximum der Y-Achse.

Das entspricht maxValue in den Basisdiagrammen.

Typ: number
Standard:automatisch
Min.

Der Mindestwert, der auf der Y-Achse angezeigt werden soll. Wenn der Mindestdatenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm so angepasst, dass die nächste Hauptbezugslinie unter dem Mindestdatenpunkt angezeigt wird. Dieser Wert hat Vorrang vor dem durch scaleType bestimmten Minimum der Y-Achse.

Das entspricht minValue in grundlegenden Diagrammen.

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: none
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 zugeordnete Daten zugewiesen werden soll.

Typ: string
Standard:'#F5F5F5'
defaultColor

Die Farbe, die für Datenpunkte in einem geografischen Diagramm verwendet werden soll, wenn der Standort (z.B. 'US') vorhanden ist, der Wert aber entweder null oder nicht angegeben ist. 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 basierend auf dem Format der DataTable aus.
  • 'regions': Damit können Sie die Regionen im Geodiagramm einfärben.
  • 'markers' – Setzen Sie Markierungen in den Regionen.
  • 'text': Hier können Sie die Regionen mit Text aus der DataTable beschriften.
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

Der Bereich, der im Geo-Diagramm angezeigt werden soll. Auch die umliegenden Gebiete werden angezeigt. Folgende Werte sind möglich:

  • 'world' – ein Geodiagramm der gesamten Welt.
  • Ein Kontinent oder ein Subkontinent, angegeben durch seinen Dreistelliger 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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 Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Die Größe der einzelnen Histogrammbalken wird hartcodiert, anstatt sie algorithmisch zu bestimmen.

Typ: number
Standard: „auto“
histogram.hideBucketItems

Die dünnen Trennlinien zwischen den Blöcken des Histogramms weglassen, sodass eine Reihe durchgehender Balken entsteht.

Typ: boolean
Standard:false
histogram.lastBucketPercentile

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

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 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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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 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>}
reverseCategories

Wenn true festgelegt ist, werden Reihen 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: 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ob der Wert fehlender Punkte geschätzt werden soll. Wenn true, wird der Wert 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 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. Wenn Sie „0“ eingeben, werden alle Linien ausgeblendet und nur die Punkte angezeigt. 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. Wenn Sie eine Trendlinie verwenden, wirkt sich die Option pointSize auf die Breite der Trendlinie aus, sofern Sie sie nicht mit der Option trendlines.n.pointsize überschreiben.

Typ: number
Standard:0
reverseCategories

Wenn true festgelegt ist, werden Reihen 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 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.
  • 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 lineDashStyle-Wert 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. 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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 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>}
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 true festgelegt ist, werden Reihen 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 Farbe für diesen Ausschnitt.

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'. 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>}

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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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. Um die 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
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 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
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

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit 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 Wert größer als der minimale X-Wert der Daten ist. hAxis.viewWindow.min überschreibt dieses Attribut.

Typ: number
Standard:automatisch
hAxis.textPosition

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

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

Ein Objekt mit 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 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. Wenn Sie „0“ eingeben, werden alle Linien ausgeblendet und nur die Punkte angezeigt. 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. 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: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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 Reihe von Flächendiagrammen. Dabei ist 0.0 vollständig transparent und 1.0 vollständig undurchsichtig. 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 „%“ ist ein Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Standard:null
chartArea.backgroundColor
Hintergrundfarbe des Diagrammbereichs. Wenn ein String verwendet wird, kann es sich dabei um einen Hexadezimalstring (z.B. '#fdc') oder einen englischen Farbnamen. 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

Wie weit das Diagramm vom linken Rand entfernt gezeichnet werden soll.

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

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

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

Breite des Diagrammbereichs.

Typ:number oder string
Standard: „auto“
Farben

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

Typ: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 Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard:'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard:null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard:null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

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

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard: „auto“
Höhe

Höhe des Diagramms in Pixeln.

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

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 Markierungen und Rasterlinien mit den relativen Skalenwerten von 0 bis 1 angeben. Sie können die Hilfslinien/Achsenbeschriftungen und die Formatierung mit den entsprechenden hAxis/vAxis-Optionen anpassen.

Für das 100-prozentige Stapeln werden nur Datenwerte vom Typ number unterstützt. Die Null muss als Referenzwert verwendet werden.

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 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>}
reverseCategories

Wenn true festgelegt ist, werden Reihen 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 durch die Option seriesType des Diagramms festgelegt.
  • 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 sein. 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Design besteht aus einer Reihe vordefinierter Optionswerte, die zusammen 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 mit series.targetAxisIndex eine neue Achse und konfigurieren Sie sie dann mit vAxes. Im folgenden Beispiel wird der Reihe 2 die rechte Achse zugewiesen und ein benutzerdefinierter Titel und Textstil festgelegt: 

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

Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die 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. Um Eigenschaften dieses Objekts anzugeben, können Sie die Objektliteralnotation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse zunehmen. Standardmäßig werden niedrige Werte am unteren Rand des Diagramms angezeigt. Geben Sie -1 an, um die Reihenfolge der Werte umzukehren.

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

Ein Objekt mit Mitgliedern, um die Rasterlinien auf der vertikalen Achse zu konfigurieren. 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

Wenn true, wird die vertikale Achse logarithmisch skaliert. 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 Wert kleiner als der maximale Y-Wert der Daten ist. vAxis.viewWindow.max überschreibt dieses Attribut.

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenstriche 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 wird größtenteils nicht mehr unterstützt. Sie können damit nur noch Nebenrasterlinien deaktivieren, indem Sie die Anzahl auf 0 festlegen. 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 dieses Attribut.

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard:null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode „pretty“ oder „maximized“ 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 Schaltflächen zum Vor- und Zurückblättern. 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 auf jeder Seite, wenn die Paginierung 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 ursprüngliche 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 enthaltenden 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 enthaltenden 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. Ebenen werden in die aktuelle Ebene eingeblendet. Wenn Ihr Stammbaum mehr Ebenen hat, müssen Sie nach oben oder unten scrollen, um sie zu sehen. Darunter sehen Sie außerdem maxPostDepth-Ebenen als schattierte Rechtecke in diesen Knoten.

Typ: number
Standard:1
maxPostDepth

Gibt an, wie viele Knotenebenen über maxDepth hinaus als „angedeutet“ 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 in Spalte 3, der genau zwischen maxColorValue und minColorValue liegt. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard:#000000
minColor

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

Typ: string
Standard:#dd0000
noColor

Die Farbe, die für ein Rechteck verwendet werden soll, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blattknoten 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'. Weitere Informationen finden Sie unter fontName und fontSize.

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

Ein Objekt, das den 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>}