Optionen für die Diagrammkonfiguration

Diagrammtypen

Konfigurationsoptionen für Anmerkungsdiagramme

Name
Farben

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

Typ:String-Array
Standard:Standardfarben
displayRangeSelector

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

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

Typ: boolean
Standard: true
displayZoomButtons

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

Typ: boolean
Standard: true
max

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

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard:automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass der nächste große Tick angezeigt wird. unter dem minimalen Datenpunkt liegen. Dies hat Vorrang vor dem Minimum der Y-Achse von scaleType festgelegt.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard:automatisch

Konfigurationsoptionen für Flächendiagramme

Name
areaOpacity

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

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird er erraten, -Wert aller fehlenden Daten basierend auf benachbarten Punkten. Wenn false, geschieht Folgendes: und lassen an der unbekannten Stelle einen Zeilenumbruch ein.

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

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 Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Weitere Informationen finden Sie unter <ph type="x-smartling-placeholder"></ph> Dokumentation zu Punkten .

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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

  • annotations – Ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Dieses kann beispielsweise verwendet werden, um den textStyle für die Reihe zu steuern: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der möglichen Maßnahmen angepasst werden.

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Balkendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: Zahl oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxes

Gibt die Eigenschaften einzelner horizontaler Achsen an, wenn das Diagramm mehrere horizontale Achsen hat Achsen. Jedes untergeordnete Objekt ist ein hAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von hAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren horizontalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit hAxes. Die Im folgenden Beispiel wird der unteren Achse die Reihe 1 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen:

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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten hAxis-Objekt identisch: 

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

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

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

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 eine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt folgende Attribute:

  • annotations – Ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Dieses kann beispielsweise verwendet werden, um den textStyle für die Reihe zu steuern: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der möglichen Maßnahmen angepasst werden.

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Bildschirme <ph type="x-smartling-placeholder"></ph> Trendlinien in den Diagrammen, die sie unterstützen. Standardmäßig sind linear-Trendlinien verwendet, kann aber mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: 

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 <ph type="x-smartling-placeholder"></ph> Trendlinie , als englischer Farbname oder als hexadezimaler String angegeben.

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

Für <ph type="x-smartling-placeholder"></ph> Trendlinien von type: 'polynomial', der Grad des Polynoms (2 für quadratisch, 3 für kubisch usw.

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinien ist 'linear' (Standardeinstellung), 'exponential' oder 'polynomial'

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

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

Typ: boolean
vAxis

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Blasendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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 zum Konfigurieren der visuellen Eigenschaften der Blasen.

Typ: object
Standard: null
bubble.opacity

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

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

Die Farbe der Blasen Schlaganfall.

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

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

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

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

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

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

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

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

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

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

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

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

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

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

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

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

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

Ein Objekt mit Mitgliedern, um zu konfigurieren, wie Werte der Blasengröße zugeordnet werden. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

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

Typ: number
Standard: 30
sizeAxis.minSize

Mindestradius der 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 Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Kalender

Name
Höhe

Höhe des Diagramms in Pixeln.

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Kerzendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

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

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

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

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

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

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

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

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

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

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

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 eine Reihe oder ein Wert nicht angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Säulendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

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

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 eine Reihe oder ein Wert nicht angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:

  • annotations – Ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Dieses kann beispielsweise verwendet werden, um den textStyle für die Reihe zu steuern: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der möglichen Maßnahmen angepasst werden.

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Bildschirme <ph type="x-smartling-placeholder"></ph> Trendlinien in den Diagrammen, die sie unterstützen. Standardmäßig sind linear-Trendlinien verwendet, kann aber mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: 

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

Die Farbe des <ph type="x-smartling-placeholder"></ph> Trendlinie , als englischer Farbname oder als hexadezimaler String angegeben.

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

Für <ph type="x-smartling-placeholder"></ph> Trendlinien von type: 'polynomial', der Grad des Polynoms (2 für quadratisch, 3 für kubisch usw.

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie in Pixeln.

Typ: number
Standard: 2
trendlines.n.type

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinien ist 'linear' (Standardeinstellung), 'exponential' oder 'polynomial'

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Kombinationsdiagramme

Name
areaOpacity

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

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird er erraten, -Wert aller fehlenden Daten basierend auf benachbarten Punkten. Wenn false, geschieht Folgendes: und lassen an der unbekannten Stelle einen Zeilenumbruch ein.

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

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 Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Weitere Informationen finden Sie unter <ph type="x-smartling-placeholder"></ph> Dokumentation zu Punkten .

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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

  • annotations – Ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Dieses kann beispielsweise verwendet werden, um den textStyle für die Reihe zu steuern: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der möglichen Maßnahmen angepasst werden.

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Messgeräte

Name
greenColor

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

Typ: string
Standard: '#109618'
greenFrom

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

Typ: number
Standard: keine
greenTo

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

Typ: number
Standard: keine
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standardeinstellung:Breite des Containers
max

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

Das entspricht in etwa maxValue in Kerndiagrammen.

Typ: number
Standard:automatisch
Min.

Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt unter diesem Wert liegt, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass der nächste große Tick angezeigt wird. unter dem minimalen Datenpunkt liegen. Dies hat Vorrang vor dem Minimum der Y-Achse von scaleType festgelegt.

Das entspricht in etwa minValue in Kerndiagrammen.

Typ: number
Standard:automatisch
redColor

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

Typ: string
Standard: '#DC3912'
redFrom

Der niedrigste Wert für einen rot markierten Bereich.

Typ: number
Standard: keine
redTo

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

Typ: number
Standard: keine
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standardeinstellung:Breite des Containers
yellowColor

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

Typ: string
Standard: '#FF9900'
yellowFrom

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

Typ: number
Standard: keine
yellowTo

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

Typ: number
Standard: keine

Konfigurationsoptionen für Geodiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem Eigenschaften.

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

Die Füllfarbe des Diagramms als HTML-Farbstring.

Typ: string
Standard: 'white'
datalessRegionColor

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

Typ: string
Standard: '#F5F5F5'
defaultColor

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

Typ: string
Standard: '#267114'
displayMode

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

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

Höhe des Diagramms in Pixeln.

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

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

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

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

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

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

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

Bereich, der im Geodiagramm angezeigt werden soll. Auch die Umgebung in der Umgebung wird angezeigt. Kann sein eines der folgenden:

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

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für das Histogramm

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Die Größe jedes Histogrammbalkens hartcodieren, anstatt sie bestimmen zu lassen mithilfe von Algorithmen.

Typ: number
Standard:automatisch
histogram.hideBucketItems

Lassen Sie die dünnen Trennlinien zwischen den Blöcken des Histogramms aus. durchgängige Balken.

Typ: boolean
Standard: false
histogram.lastBucketPercentile

Bei der Berechnung der Bucket-Größe des Histogramms werden die Werte oben und unten ignoriert. lastBucketPercentile Prozent. Die Werte sind weiterhin im Histogramm enthalten sind, aber keinen Einfluss auf das Bucketing haben.

Typ: number
Standard: 0
interpolateNulls

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird er erraten, -Wert aller fehlenden Daten basierend auf benachbarten Punkten. Wenn false, geschieht Folgendes: und lassen an der unbekannten Stelle einen Zeilenumbruch ein.

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

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 Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Liniendiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei true wird er erraten, -Wert aller fehlenden Daten basierend auf benachbarten Punkten. Wenn false, geschieht Folgendes: und lassen an der unbekannten Stelle einen Zeilenumbruch ein.

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

Typ: boolean
Standard: false
Legende

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

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

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

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

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

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

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

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

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

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Weitere Informationen finden Sie unter <ph type="x-smartling-placeholder"></ph> Dokumentation zu Punkten .

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
reverseCategories

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

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

Typ: boolean
Standard: false
Serien

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

  • annotations – Ein Objekt, das auf Anmerkungen für diese Serie angewendet werden soll. Dieses kann beispielsweise verwendet werden, um den textStyle für die Reihe zu steuern: 

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

    Unter den verschiedenen annotations-Optionen finden Sie eine umfassendere Liste der möglichen Maßnahmen angepasst werden.

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
Trendlinien

Bildschirme <ph type="x-smartling-placeholder"></ph> Trendlinien in den Diagrammen, die sie unterstützen. Standardmäßig sind linear-Trendlinien verwendet, kann aber mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: 

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 <ph type="x-smartling-placeholder"></ph> Trendlinie , als englischer Farbname oder als hexadezimaler String angegeben.

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

Für <ph type="x-smartling-placeholder"></ph> Trendlinien von type: 'polynomial', der Grad des Polynoms (2 für quadratisch, 3 für kubisch usw.

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie .

Typ: number
Standard: 2
trendlines.n.type

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinien ist 'linear' (Standardeinstellung), 'exponential' oder 'polynomial'

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Organigramme

Name
Farbe

Die Hintergrundfarbe der Elemente im Organigramm.

Typ: string
Standard: '#edf7ff'
selectionColor

Die Hintergrundfarbe der ausgewählten Elemente in einem Organisationsdiagramm.

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

Die Gesamtgröße des Diagramms. Zu den Optionen gehören 'small', 'medium' oder 'large'.

Typ: string
Standard: 'medium'

Konfigurationsoptionen für Kreisdiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn true, wird ein dreidimensionales Diagramm angezeigt.

Typ: boolean
Standard: false
Legende

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

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

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

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

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

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

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

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

Liegt der Wert zwischen 0 und 1, wird ein Ringdiagramm angezeigt. Das Loch hat einen Radius von number-facher Radius des Diagramms.

Typ: number
Standard: 0
pieSliceBorderColor

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

Typ: string
Standard: 'white'
pieSliceText

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

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

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

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

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

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

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

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

Typ: boolean
Standard: false
slices.color

Die für dieses Segment zu verwendende Farbe.

Typ: string
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

Konfigurationsoptionen für Streudiagramme

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
curveType

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

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

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.gridlines.color

Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

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

Typ: number
Standard: -1
hAxis.logScale

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

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

Typ: boolean
Standard: false
hAxis.maxValue

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

Typ: number
Standard:automatisch
hAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei die Option hAxis.gridlines.

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
hAxis.minorGridlines.color

Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der Hilfsgitternetzlinien vollständig im Intervall zwischen Hauptgitternetzlinien (siehe hAxis.gridlines.interval) und dem erforderlichen Mindestspeicher (siehe hAxis.minorGridlines.minSpacing).

Typ: number
Standard: 1
hAxis.minValue

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

Typ: number
Standard:automatisch
hAxis.textPosition

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

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

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

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

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

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

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

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

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

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

Typ: number
Standard: 2
pointShape

Die Form einzelner Datenelemente: 'circle', 'triangle', 'square', 'diamond', 'star' oder 'polygon'. Weitere Informationen finden Sie unter <ph type="x-smartling-placeholder"></ph> Dokumentation zu Punkten .

Typ: string
Standard: 'circle'
pointSize

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

Typ: number
Standard: 0
Serien

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

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
Trendlinien

Bildschirme <ph type="x-smartling-placeholder"></ph> Trendlinien in den Diagrammen, die sie unterstützen. Standardmäßig sind linear-Trendlinien verwendet, kann aber mit der Option trendlines.n.type angepasst werden.

Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: 

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

Die Farbe des <ph type="x-smartling-placeholder"></ph> Trendlinie , entweder als englischer Farbname oder als hexadezimaler String angegeben.

Typ: string
Standard:Standardseriefarbe
trendlines.n.degree

Für <ph type="x-smartling-placeholder"></ph> Trendlinien von type: 'polynomial', der Grad des Polynoms (2 für quadratisch, 3 für kubisch usw.

Typ: number
Standard: 3
trendlines.n.labelInLegend

Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String.

Typ: string
Standard: null
trendlines.n.lineWidth

Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie .

Typ: number
Standard: 2
trendlines.n.type

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinien ist 'linear' (Standardeinstellung), 'exponential' oder 'polynomial'

Typ: string
Standard: linear
trendlines.n.visibleInLegend

Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt.

Typ: boolean
Standard: false
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch

Konfigurationsoptionen für Stufen-Flächendiagramm

Name
areaOpacity

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

Typ: number, 0.0- 1.0
Standard: 0.3
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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, an dem sich das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von % Prozentsatz. Beispiel: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Höhe des Diagrammbereichs.

Typ: number oder string
Standard:automatisch
chartArea.left

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

Typ: number oder string
Standard:automatisch
chartArea.top

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

Typ: number oder string
Standard:automatisch
chartArea.width

Diagrammbereichbreite.

Typ: number oder string
Standard:automatisch
Farben

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

Typ:String-Array
Standard:Standardfarben
hAxis

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

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

Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. -1 angeben für die Reihenfolge der Werte umzukehren.

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

Position des Textes der horizontalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
hAxis.textStyle

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

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

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

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

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

Typ: string
Standard: null
hAxis.titleTextStyle

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

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

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

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

Gibt den Zuschneidebereich der horizontalen Achse an.

Typ: object
Standard: null
hAxis.viewWindow.max

Der maximale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
hAxis.viewWindow.min

Der minimale horizontale Datenwert, der gerendert werden soll.

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

Typ: number
Standard:automatisch
Höhe

Höhe des Diagramms in Pixeln.

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

Wenn dieser Wert auf true gesetzt ist, werden die Elemente für alle Reihen bei jedem Domainwert gestapelt. Hinweis:In Spalte, Area und SteppedArea-Diagramme, Google Charts kehrt die Reihenfolge der Legendenelemente um, damit sie besser der Stapelung von Legenden entsprechen. Reihenelemente (z.B. ist Reihe 0 das unterste Legendenelement). Dieses gilt nicht für Balkendiagramme.

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

Für isStacked sind folgende Optionen verfügbar:

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

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

Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0 bis 1 als Bruchwerte verwendet. von 1 für 'relative' und 0–100% für 'percent' Hinweis: Bei Verwendung der Option 'percent' werden die Achsen-/Teilstrichwerte werden als Prozentsätze angezeigt. Die tatsächlichen Werte sind jedoch die relativen Skalenwerte von 0-1. Das liegt daran, dass die Ticken der Prozentachse das Ergebnis der Anwendung des Formats „#,##%“ sind. bis die relativen Skalenwerte von 0-1. Wenn Sie isStacked: 'percent' verwenden, achten Sie darauf, alle Teilstriche/Gitternetzlinien unter Verwendung der relativen Skalenwerte 0-1 angeben). Sie können die Gitternetzlinien/Teile und Formatierungen mithilfe der entsprechenden hAxis/vAxis-Optionen festlegen.

Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ number und muss Null-Basis haben.

Typ:boolean/ string
Standard: false
Legende

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

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

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

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

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

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

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

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

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

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

Typ: boolean
Standard: false
Serien

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

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

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

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

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

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

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

Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:

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

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat. Jedes untergeordnete Objekt ist ein vAxis-Objekt und kann alle Eigenschaften enthalten. unterstützt von vAxis. Diese Eigenschaftswerte überschreiben alle globalen Einstellungen für die über dieselbe Property verfügen.

Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von series.targetAxisIndex und konfigurieren Sie dann die Achse mit vAxes. Die Im folgenden Beispiel wird der rechten Achse Reihe 2 zugewiesen und ein benutzerdefinierter Titel und Text angegeben Stil dafür festlegen: 

{
  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. jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format, oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil Notation ist mit dem oben gezeigten vAxis-Objekt identisch: 

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

Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: 

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

Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte befinden sich unten im Diagramm. -1 angeben für die Reihenfolge der Werte umzukehren.

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

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

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

Diese Option wird nur für eine continuous .

Typ: object
Standard: null
vAxis.gridlines.color

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

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

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

Typ: number
Standard: -1
vAxis.logScale

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

Typ: boolean
Standard: false
vAxis.maxValue

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

Typ: number
Standard:automatisch
vAxis.minorGridlines

Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines.

Typ: object
Standard: null
vAxis.minorGridlines.color

Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben .

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

Die Option „minorGridlines.count“ wurde größtenteils verworfen, mit der Ausnahme, dass kleinere Gitternetzlinien deaktiviert werden indem Sie die Anzahl auf 0 setzen. Die Anzahl der kleineren Gitternetzlinien hängt vom Intervall zwischen die wichtigsten Gitternetzlinien und den erforderlichen Mindestabstand.

Typ: number
Standard: 1
vAxis.minValue

Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist. vAxis.viewWindow.min überschreibt diese Property.

Typ: number
Standard: null
vAxis.textPosition

Position des Textes der vertikalen Achse im Verhältnis zum Diagrammbereich. Unterstützte Werte: 'out', 'in', 'none'.

Typ: string
Standard: 'out'
vAxis.textStyle

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

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

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

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

Gibt einen Titel für die vertikale Achse an.

Typ: string
Standard: kein Titel
vAxis.titleTextStyle

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

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00' Siehe auch fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Gibt den Zuschneidebereich der vertikalen Achse an.

Typ: object
Standard: null
vAxis.viewWindow.max

Der maximale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode "schön" ist oder „maximiert“.

Typ: number
Standard:automatisch
vAxis.viewWindow.min

Der minimale vertikale Datenwert, der gerendert werden soll.

Wird ignoriert, wenn vAxis.viewWindowMode "schön" ist oder „maximiert“.

Typ: number
Standard:automatisch
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Tabellendiagramme

Name
alternatingRowStyle

Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird.

Typ: boolean
Standard: true
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Höhe des beinhaltenden Elements
Seite

Ob und wie das Paging durch die Daten aktiviert werden kann Wählen Sie einen der folgenden string-Werte aus:

  • 'enable' – Die Tabelle enthält Seiten- vorwärts und -rückwärts Schaltflächen. Durch Klicken auf diese Schaltflächen wird der Paging-Vorgang ausgeführt. ändern Sie die angezeigte Seite. Sie können auch die Option pageSize festlegen.
  • 'event' – Die Tabelle enthält die Schaltflächen „Seite vor“ und „Zurück“, aber wenn sie angeklickt werden löst ein 'page'-Ereignis aus und ändert die angezeigte Seite nicht. Diese Option sollte wird verwendet, wenn mit dem Code eine eigene Logik zum Umblättern von Seiten implementiert wird. Weitere Informationen finden Sie in der Beispiel für TableQueryWrapper finden Sie ein Beispiel für die manuelle Verarbeitung von Paging-Ereignissen.
  • 'disable': [Standard] Paging wird nicht unterstützt.
    • Typ: string
    Standard: 'disable'
pageSize

Die Anzahl der Zeilen pro Seite, wenn Paging mit der Seitenoption aktiviert ist.

Typ: number
Standard: 10
showRowNumber

Wenn true festgelegt ist, wird die Zeilennummer als erste Spalte der Tabelle angezeigt.

Typ: boolean
Standard: false
sort

Ob und wie Spalten sortiert werden sollen, wenn der Nutzer auf eine Spaltenüberschrift klickt. Wenn die Sortierung aktiviert ist, sollten Sie auch die Attribute sortAscending und sortColumn festlegen. Wählen Sie eine der folgende string-Werte:

  • 'enable': [Standard] Nutzer können auf Spaltenüberschriften klicken, um nach angeklickten Elementen zu sortieren. Spalte. Wenn Nutzende auf die Spaltenüberschrift klicken, werden die Zeilen automatisch sortiert. und ein 'sort'-Ereignis wird ausgelöst.
  • 'event': Wenn Nutzer auf die Spaltenüberschrift klicken, wird das Ereignis 'sort' ausgelöst, aber werden die Zeilen nicht automatisch sortiert. Diese Option sollte verwendet werden, wenn die Seite eine eigene Sortierung implementiert. Weitere Informationen finden Sie in der Beispiel für TableQueryWrapper finden Sie ein Beispiel für die manuelle Verarbeitung von Sortierereignissen.
  • 'disable'– Das Klicken auf eine Spaltenüberschrift hat keine Auswirkungen.
Typ: string
Standard: 'enable'
sortAscending

Die Reihenfolge, in der die anfängliche Sortierspalte sortiert ist. True für aufsteigend, false für absteigend. Wird ignoriert, wenn sortColumn nicht angegeben ist.

Typ: boolean
Standard: true
sortColumn

Ein Index einer Spalte in der Datentabelle, nach der die Tabelle anfänglich sortiert ist. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt.

Typ: number
Standard: -1
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für die Zeitachse

Name
backgroundColor

Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen HTML-Farbstring, Beispiel: 'red' oder '#00cc00' oder ein Objekt mit folgendem 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-Element ist Farbzeichenfolge, zum Beispiel: colors:['red','#004411'].

Typ:String-Array
Standard:Standardfarben
Höhe

Höhe des Diagramms in Pixeln.

Typ: number
Standard:Höhe des beinhaltenden Elements
Breite

Breite des Diagramms in Pixeln.

Typ: number
Standard:Breite des beinhaltenden Elements

Konfigurationsoptionen für Strukturkarten

Name
headerColor

Die Farbe des Headerbereichs für jeden Knoten. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #988f86
maxColor

Die Farbe für ein Rechteck mit dem Wert maxColorValue in Spalte 3. Geben Sie eine HTML-Farbwert.

Typ: string
Standard: #00dd00
maxDepth

Die maximale Anzahl der Knotenebenen, die in der aktuellen Ansicht angezeigt werden. Ebenen werden aufgegliedert in die aktuelle Ebene verschieben. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten nach unten, um sie zu sehen. Darüber hinaus werden maxPostDepth Ebenen darunter angezeigt als schattierte Rechtecke innerhalb dieser Knoten.

Typ: number
Standard: 1
maxPostDepth

Anzahl der Knotenebenen ab maxDepth, die in „hinted“ angezeigt werden sollen Mode. Hinweisknoten werden als schattierte Rechtecke innerhalb eines Knotens dargestellt, der sich im Limit von maxDepth.

Typ: number
Standard: 0
midColor

Die Farbe eines Rechtecks mit einem Wert aus Spalte 3 in der Mitte zwischen maxColorValue und minColorValue. Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
minColor

Die Farbe für ein Rechteck mit dem Wert aus Spalte 3 von minColorValue. Geben Sie eine HTML-Farbwert.

Typ: string
Standard: #dd0000
noColor

Die für ein Rechteck zu verwendende Farbe, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blatt (oder enthält nur Blätter). Geben Sie einen HTML-Farbwert an.

Typ: string
Standard: #000000
Untertitel

Text, der unter dem Diagrammtitel angezeigt werden soll.

Typ: string
Standard: kein Titel
subtitleTextStyle

Ein Objekt, das den Textstil für den Titel angibt.

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00' Siehe auch fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Ein Objekt, das den Textstil für den Titel angibt. Die Farbe kann ein beliebiger HTML-Code sein. Farbzeichenfolge, z. B. 'red' oder '#00cc00'. Siehe auch "fontName" und "fontSize".

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Titel

Text, der über dem Diagramm angezeigt werden soll.

Typ: string
Standard: kein Titel
titleTextStyle

Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color kann ein beliebiger HTML-Farbstring sein, z. B. 'red' oder '#00cc00' Siehe auch fontName und fontSize.

Typ: object
Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}