Diagrammtypen
- Anmerkungsdiagramm
- Flächendiagramm
- Balkendiagramm
- Blasendiagramm
- Kalender
- Kerzendiagramm
- Säulendiagramm
- Kombinationsdiagramm
- Anzeige
- Geodiagramm
- Histogramm
- Liniendiagramm
- Organigramm
- Kreisdiagramm
- Streudiagramm
- Stufen-Flächendiagramm
- Tabellendiagramm
- Spielplan
- Baumkarte
Konfigurationsoptionen für Anmerkungsdiagramme
Name | |
---|---|
Farben | Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
displayRangeSelector | Gibt an, ob der Auswahlbereich für den Zoombereich (der Bereich unten im Diagramm) angezeigt werden soll, wobei Der Umriss im Zoomselektor ist eine logarithmische Version der ersten Datenreihe im Diagramm, die auf die Höhe des Zoomauswahlbereichs skaliert wird. Typ:
boolean Standard:
true |
displayZoomButtons |
Gibt an, ob die Zoomschaltflächen ("1d 5d 1m" usw.) angezeigt werden sollen, wobei Typ:
boolean Standard:
true |
Max. |
Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen über dem maximalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch Das entspricht in etwa Typ:
number Standard: automatisch
|
Min. |
Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen unter dem minimalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch Das entspricht in etwa Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Flächendiagramme
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
interpolateNulls |
Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei
Dies wird von Flächendiagrammen mit der Option Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut Typ:
number Standard:
0 |
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Balkendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ: Zahl oder
string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxes |
Gibt Eigenschaften für einzelne horizontale Achsen an, wenn das Diagramm mehrere horizontale Achsen hat. Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren horizontalen Achsen angeben möchten, definieren Sie zuerst mit
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Trendlinien |
Zeigt
Trendlinien
in den Diagrammen an, die diese unterstützen. Standardmäßig werden
Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String. Typ:
string Standard:Standardfarbe für Reihen
|
trendlines.n.degree |
Für
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Gibt an, ob die
Trendlinien
Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Blasendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
bubble |
Ein Objekt mit Mitgliedern zum Konfigurieren der visuellen Eigenschaften der Info-Ballons. Typ:
object Standard:
null |
bubble.opacity |
Die Deckkraft der Blasen. Typ:Zahl zwischen 0,0 und 1,0
Standardwert: 0,8
|
bubble.stroke |
Die Farbe der Kontur der Blasen. Typ:
string Standard:
'#ccc' |
bubble.textStyle |
Ein Objekt, das den Textstil des Infofelds angibt. Das Objekt hat folgendes Format: {color: <string>, fontName: <string>, fontSize: <number>}
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 (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
series |
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 keine Reihe oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:
series: {'Europe': {color: 'green'}} Typ:Objekt mit verschachtelten Objekten
Standard:
{} |
sizeAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren, wie Werte der Blasengröße zugeordnet werden. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {minValue: 0, maxSize: 20} Typ:
object Standard:
null |
sizeAxis.maxSize |
Maximaler Radius des größtmöglichen Blasens in Pixeln. Typ:
number Standardwert: 30
|
sizeAxis.minSize |
Mindestradius der kleinstmöglichen Blase in Pixeln. Typ:
number Standardwert: 5
|
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Google Kalender
Name | |
---|---|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Konfigurationsoptionen für Kerzendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Säulendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Trendlinien |
Zeigt
Trendlinien
in den Diagrammen an, die diese unterstützen. Standardmäßig werden
Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String. Typ:
string Standard:Standardfarbe für Reihen
|
trendlines.n.degree |
Für
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Gibt an, ob die
Trendlinien
Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Kombinationsdiagramme
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
curveType |
Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:
Typ:
string Standard: „Keine“
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
interpolateNulls |
Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei
Dies wird von Flächendiagrammen mit der Option Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut Typ:
number Standard:
0 |
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Messgeräte
Name | |
---|---|
greenColor |
Die Farbe, die für den grünen Abschnitt in HTML-Farbnotation verwendet werden soll. Typ:
string Standard:
'#109618' |
greenFrom |
Der niedrigste Wert für einen grün hervorgehobenen Bereich. Typ:
number Standard:Keine
|
greenTo |
Der höchste Wert für einen grün hervorgehobenen Bereich. Typ:
number Standard:Keine
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Breite des Containers
|
Max. |
Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen über dem maximalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch Das entspricht in etwa Typ:
number Standard: automatisch
|
Min. |
Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt kleiner als dieser Wert ist, wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass das nächste große Häkchen unter dem minimalen Datenpunkt angezeigt wird. Dies hat Vorrang vor dem durch Das entspricht in etwa Typ:
number Standard: automatisch
|
redColor |
Die Farbe, die für den roten Abschnitt in HTML-Farbnotation verwendet werden soll. Typ:
string Standard:
'#DC3912' |
redFrom |
Der niedrigste Wert für einen rot markierten Bereich. Typ:
number Standard:Keine
|
redTo |
Der höchste Wert für einen rot markierten Bereich. Typ:
number Standard:Keine
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Containers
|
yellowColor |
Die Farbe, die für den gelben Abschnitt in HTML-Farbnotation verwendet werden soll. Typ:
string Standard:
'#FF9900' |
yellowFrom |
Der niedrigste Wert für einen gelb markierten Bereich. Typ:
number Standard:Keine
|
yellowTo |
Der höchste Wert für einen gelb markierten Bereich. Typ:
number Standard:Keine
|
Konfigurationsoptionen für Geodiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
datalessRegionColor |
Farbe, die Regionen ohne verknüpfte Daten zugewiesen wird. Typ:
string Standard:
'#F5F5F5' |
defaultColor |
Die Farbe, die für Datenpunkte in einem Geodiagramm verwendet werden soll, wenn der Standort (z.B. Typ:
string Standard:
'#267114' |
displayMode |
Um welche Art von Geodiagramm handelt es sich. Das DataTable-Format muss dem angegebenen Wert entsprechen. Die folgenden Werte werden unterstützt:
Typ:
string Standardwert: „auto“
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Region |
Der Bereich, der im Geodiagramm angezeigt werden soll. Die umliegenden Gebiete werden ebenfalls angezeigt. Folgende Werte sind möglich:
Typ:
string Standard: „world“
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Konfigurationsoptionen für Histogramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, 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. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
histogram.bucketSize |
Die Größe jedes Histogrammbalkens hartcodieren, anstatt sie algorithmisch bestimmen zu lassen Typ:
number Standard: automatisch
|
histogram.hideBucketItems |
Lassen Sie die dünnen Trennlinien zwischen den Blöcken des Histogramms weg, damit daraus eine Reihe durchgängiger Balken entstehen. Typ:
boolean Standard:
false |
histogram.lastBucketPercentile |
Ignorieren Sie bei der Berechnung der Bucket-Größe des Histogramms die oberen und unteren Typ:
number Standard:
0 |
interpolateNulls |
Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei
Dies wird von Flächendiagrammen mit der Option Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Konfigurationsoptionen für Liniendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
curveType |
Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:
Typ:
string Standard: „Keine“
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
interpolateNulls |
Gibt an, ob der Wert fehlender Punkte erraten werden soll. Bei
Dies wird von Flächendiagrammen mit der Option Typ:
boolean Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut Typ:
number Standard:
0 |
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die jeweils in der angegebenen Reihenfolge für die Reihen gelten, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn Typ:
boolean |
Trendlinien |
Zeigt
Trendlinien
in den Diagrammen an, die diese unterstützen. Standardmäßig werden
Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String. Typ:
string Standard:Standardfarbe für Reihen
|
trendlines.n.degree |
Für
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Gibt an, ob die
Trendlinien
Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Organigramme
Name | |
---|---|
Farbe |
Die Hintergrundfarbe der Elemente des Organisationsdiagramms. Typ:
Standard:
'#edf7ff' |
selectionColor |
Die Hintergrundfarbe der ausgewählten Organigramm-Elemente. Typ:
string Standard:
'#d6e9f8' |
Größe |
Die Gesamtgröße des Diagramms. Optionen sind Typ:
string Standard:
'medium' |
Konfigurationsoptionen für Kreisdiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
Ist3D |
Bei Typ:
boolean Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
Liegt der Wert zwischen Typ:
number Standard:
0 |
pieSliceBorderColor |
Die Farbe des Segmentrahmens. Nur verfügbar, wenn das Diagramm zweidimensional ist. Typ:
string Standard:
'white' |
pieSliceText |
Der Inhalt des Texts, der im Segment angezeigt wird. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'percentage' |
pieSliceTextStyle |
Ein Objekt, das den Textstil des Kreissegments angibt. Das Objekt hat folgendes Format: {color: <string>, fontName: <string>, fontSize: <number>}
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Konfigurationsoptionen für Streudiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
curveType |
Steuert die Kurve der Linien, wenn die Linienbreite ungleich null ist. folgende Arten von Werten sind möglich:
Typ:
string Standard: „Keine“
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Die Gitternetzlinien der horizontalen Achse werden vertikal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl horizontaler Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.logScale |
Diese Option wird nur für eine Typ:
boolean Standard:
false |
hAxis.maxValue |
Verschiebt den Maximalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist er nach rechts. Wird ignoriert, wenn dieser Wert kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der horizontalen Achse, ähnlich der Option
Diese Option wird nur für eine Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen untergeordneten Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Minimalwert der horizontalen Achse auf den angegebenen Wert. In den meisten Diagrammen steht dieser nach links. Wird ignoriert, wenn dieser Wert größer als der minimale x-Wert der Daten ist.
Typ:
number Standard: automatisch
|
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Breite der Datenlinie in Pixeln Mit der Null können Sie alle Linien ausblenden und nur die Punkte anzeigen. Mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Verwenden Sie „0“, um alle Punkte auszublenden. Mit dem Attribut Typ:
number Standard:
0 |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben. Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array mit Objekten angeben, die sich jeweils in der angegebenen Reihenfolge auf die Reihen beziehen, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, um anzugeben, für welche Reihen es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch und deklarieren die erste Reihe als schwarz, sodass sie nicht in der Legende enthalten ist, und die vierte als rot, die in der Legende fehlt: 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn Typ:
boolean |
Trendlinien |
Zeigt
Trendlinien
in den Diagrammen an, die diese unterstützen. Standardmäßig werden
Trendlinien werden für einzelne Serien definiert. Daher sehen Ihre Optionen in der Regel so aus: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der Trendlinie , ausgedrückt als englischer Farbname oder als hexadezimaler String. Typ:
string Standard:Standardfarbe für Reihen
|
trendlines.n.degree |
Für
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, wird die Trendlinie in der Legende als dieser String angezeigt. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Gibt an, ob die
Trendlinien
Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Gibt an, ob die Gleichung der Trendlinie in der Legende angezeigt wird. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
Konfigurationsoptionen für Stufen-Flächendiagramm
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs in einer Flächendiagrammreihe, wobei Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbzeichenfolge. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs (wo das Diagramm selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder eine Zahl gefolgt von %. Eine einfache Zahl ist ein Wert in Pixeln; eine Zahl gefolgt von % ist ein Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein Hex-String (z.B.
'#fdc' ) oder einem englischen Farbnamen. Wenn ein Objekt verwendet wird, können die folgenden Attribute angegeben werden:
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 vom linken Rand entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm von der oberen Rahmenlinie entfernt gezeichnet werden soll. Typ:
number oder string Standard: automatisch
|
chartArea.width |
Breite des Diagrammbereichs. Typ:
number oder string Standard: automatisch
|
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der horizontalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Geben Sie Typ:
1 oder -1 Standard:
1 |
hAxis.textPosition |
Position des Texts der horizontalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Standard:
null |
hAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der horizontalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
hAxis.viewWindow.min |
Der minimale horizontale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
isStacked |
Wenn dieser Wert auf
Die Option Die Optionen für
Bei einem 100 %-Stacking wird der berechnete Wert für jedes Element in der Kurzinfo nach dem tatsächlichen Wert angezeigt.
Auf der Zielachse werden standardmäßig Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte von 1 für
Ein 100-%-Stacking unterstützt nur Datenwerte vom Typ Typ:
boolean / string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Attribute dieses Objekts anzugeben, 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:
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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Wenn dieser Wert auf
Diese Option wird nur für eine Typ:
boolean Standard:
false |
series |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihen im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von Objekten angeben, die sich jeweils in der angegebenen Reihenfolge auf die Reihe beziehen, oder Sie können ein Objekt angeben, bei dem jedes untergeordnete Element einen numerischen Schlüssel hat, der angibt, für welche Reihe es gilt.Beispiel: Die folgenden beiden Deklarationen sind identisch und deklarieren die erste Reihe als schwarz und fehlen in der Legende und die vierte als rot und fehlt 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 Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammenwirken, um ein bestimmtes Diagrammverhalten oder einen visuellen Effekt zu erzielen. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt die Eigenschaften einzelner vertikaler Achsen an, wenn das Diagramm über mehrere vertikale Achsen verfügt.
Jedes untergeordnete Objekt ist ein
Wenn Sie ein Diagramm mit mehreren vertikalen Achsen angeben möchten, definieren Sie zuerst eine neue Achse mit { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein: Das Objekt ist eine Sammlung von Objekten, die jeweils ein numerisches Label haben, das die durch sie definierte Achse angibt. Dies ist das oben gezeigte Format. Das Array ist ein Array von Objekten, eines pro Achse. Die folgende Notation im Array-Stil ist beispielsweise identisch mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array des Objekts oder Objekt mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Elemente der vertikalen Achse. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in die die Werte entlang der vertikalen Achse wachsen. Standardmäßig werden niedrige Werte unten im Diagramm angezeigt. Geben Sie Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Die Gitternetzlinien der vertikalen Achse werden horizontal gezeichnet. Um Attribute dieses Objekts anzugeben, können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine 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 horizontaler Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen ist dieser Wert nach oben. Wird ignoriert, wenn der Wert kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard: automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Nebenlinien auf der vertikalen Achse, ähnlich der Option „vAxis.gridlines“. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen Nebengitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Minimalwert der vertikalen Achse auf den angegebenen Wert. In den meisten Diagrammen fällt dieser Wert nach unten. Wird ignoriert, wenn der Wert größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Texts der vertikalen Achse relativ zum Diagrammbereich. Unterstützte Werte: 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> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Gibt einen Titel für die vertikale Achse an. Typ:
string Standard: kein Titel
|
vAxis.titleTextStyle |
Ein Objekt, das den Textstil des Titels der vertikalen Achse angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
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 Typ:
number Standard: automatisch
|
vAxis.viewWindow.min |
Der niedrigste zu rendernde vertikale Datenwert. Wird ignoriert, wenn Typ:
number Standard: automatisch
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Konfigurationsoptionen für Tabellendiagramme
Name | |
---|---|
alternatingRowStyle |
Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird. Typ:
boolean Standard:
true |
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
seite |
Ob und wie Sie das Durchblättern der Daten aktivieren können. Wählen Sie einen der folgenden
Typ:
string Standard:
'disable' |
pageSize |
Die Anzahl der Zeilen auf jeder Seite, wenn Paging mit der Seitenoption aktiviert ist. Typ:
number Standard:
10 |
showRowNumber |
Wenn 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
Typ:
string Standard:
'enable' |
sortAscending |
Die Reihenfolge, in der die anfängliche Sortierspalte sortiert wird. Typ:
boolean Standard:
true |
sortColumn |
Index einer Spalte in der Datentabelle, nach dem die Tabelle anfänglich sortiert wird. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt. Typ:
number Standard:
-1 |
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Optionen für die Konfiguration der Zeitachse
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Kann entweder ein einfacher HTML-Farbstring (z. B. Typ:
string oder object Standard:
'white' |
Farben |
Die für die Diagrammelemente zu verwendenden Farben. Ein String-Array, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
height |
Höhe des Diagramms in Pixeln Typ:
number Standard:Höhe des Containerelements
|
width |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des Elements, in dem das Element enthalten ist
|
Konfigurationsoptionen für Strukturkarten
Name | |
---|---|
headerColor |
Die Farbe des Headerabschnitts für jeden Knoten. Geben Sie einen HTML-Farbwert an. Typ:
string Standard:
#988f86 |
maxColor |
Die Farbe für ein Rechteck mit dem Wert Typ:
string Standard:
#00dd00 |
maxDepth |
Die maximale Anzahl von Knotenebenen, die in der aktuellen Ansicht angezeigt werden sollen. Die Ebenen werden in der aktuellen Ebene vereinfacht. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten gehen, um sie zu sehen. Zusätzlich können Sie Typ:
number Standard:
1 |
maxPostDepth |
Legt fest, wie viele Knotenebenen über Typ:
number Standard:
0 |
midColor |
Die Farbe für ein Rechteck mit einem Wert von Spalte 3 in der Mitte zwischen Typ:
string Standard:
#000000 |
minColor |
Die Farbe für ein Rechteck mit dem Wert Typ:
string Standard:
#dd0000 |
noColor |
Die Farbe, die für ein Rechteck verwendet werden soll, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blatt ist (oder nur Blätter enthält). Geben Sie einen HTML-Farbwert an. Typ:
string Standard:
#000000 |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Titeltextstil angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
Ein Objekt, das den Titeltextstil angibt. Die Farbe kann ein beliebiger HTML-Farbstring sein, z. B. Typ:
object Standardwert: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Titeltextstil angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|