Diagrammtypen
- Anmerkungsdiagramm
- Flächendiagramm
- Balkendiagramm
- Blasendiagramm
- Kalender
- Kerzendiagramm
- Säulendiagramm
- Kombinationsdiagramm
- Anzeige
- Geodiagramm
- Histogramm
- Liniendiagramm
- Organigramm
- Kreisdiagramm
- Streudiagramm
- Schritt-Flächendiagramm
- Tabellendiagramm
- Zeitplan
- Baumkarte
Konfigurationsoptionen für Anmerkungsdiagramme
Name | |
---|---|
Farben | Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Farbstring ist. Beispiel: Typ:String-Array
Standard:Standardfarben
|
displayRangeSelector | Gibt an, ob der Bereich zur Auswahl des Zoombereichs (der Bereich unter dem Diagramm) angezeigt werden soll, wobei Der Umriss in der Zoomauswahl ist eine Version mit logarithmischer Skala der ersten Reihe im Diagramm, die an die Höhe des Zoom-Selektors angepasst wird. Typ:
boolean Standard:
true |
displayZoomButtons |
Gibt an, ob die Zoomschaltflächen angezeigt werden ("1d 5d 1m" usw.), wobei Typ:
boolean Standard:
true |
max |
Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet,
ignoriert und das Diagramm wird so angepasst, dass der nächste große Teilstrich angezeigt wird.
über dem maximalen Datenpunkt liegen. Dies hat Vorrang vor dem auf der Y-Achse festgelegten Maximalwert.
von Das entspricht in etwa Typ:
number Standard:automatisch
|
Min. |
Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt
unter diesem Wert liegt,
wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass der nächste große Tick angezeigt wird.
unter dem minimalen Datenpunkt liegen. Dies hat Vorrang vor dem Mindestwert der Y-Achse
von Das entspricht in etwa Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Flächendiagramme
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei
Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
interpolateNulls |
Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei
Dies wird nicht unterstützt von
Flächendiagramme mit den
Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 |
Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Sie können
Werte für einzelne Reihen mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Geben Sie 0 ein, um alle Punkte auszublenden. Sie können Werte überschreiben,
für einzelne Reihen mithilfe des Attributs Typ:
number Standard:
0 |
reverseCategories |
Wenn der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben. Standardeinstellung verwenden
für eine Reihe möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn der Wert auf Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Balkendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ: Zahl oder
string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxes |
Gibt die Eigenschaften einzelner horizontaler Achsen an, wenn das Diagramm mehrere horizontale Achsen hat
Achsen. Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren horizontalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des enthaltenden Elements
|
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Trendlinien |
Bildschirme
<ph type="x-smartling-placeholder"></ph>
Trendlinien
in den Diagrammen,
die sie unterstützen. Standardmäßig sind
Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der <ph type="x-smartling-placeholder"></ph> Trendlinie , als englischer Farbname oder als hexadezimaler String angegeben. Typ:
string Standard:Standardseriefarbe
|
trendlines.n.degree |
Für
<ph type="x-smartling-placeholder"></ph>
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Ob die
<ph type="x-smartling-placeholder"></ph>
Trendlinien
ist Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Blasendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
Bubble |
Ein Objekt mit Mitgliedern zum Konfigurieren der visuellen Eigenschaften der Blasen. Typ:
object Standard:
null |
bubble.opacity |
Die Deckkraft der Blasen, wobei Typ:Zahl zwischen 0,0 und 1,0
Standard: 0,8
|
bubble.stroke |
Die Farbe der Blasen Schlaganfall. Typ:
string Standard:
'#ccc' |
bubble.textStyle |
Ein Objekt, das den Textstil der Blasen angibt. Das Objekt hat folgendes Format: {color: <string>, fontName: <string>, fontSize: <number>}
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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>}
|
Serien |
Ein Objekt mit -Objekten, wobei die Schlüssel Reihennamen sind (die Werte in der Spalte "Farbe") und jedes Objekt, das das Format der entsprechenden Reihe im Diagramm beschreibt. Wenn ein oder kein Wert angegeben ist, wird der globale Wert verwendet. Jedes Objekt unterstützt die folgenden Eigenschaften:
series: {'Europe': {color: 'green'}} Typ:Objekt mit verschachtelten Objekten
Standard:
{} |
sizeAxis |
Ein Objekt mit Mitgliedern, um zu konfigurieren, wie Werte der Blasengröße zugeordnet werden. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {minValue: 0, maxSize: 20} Typ:
object Standard:
null |
sizeAxis.maxSize |
Maximaler Radius der größtmöglichen Blase in Pixeln. Typ:
number Standard: 30
|
sizeAxis.minSize |
Mindestradius der kleinstmöglichen Blase in Pixeln Typ:
number Standard: 5
|
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn der Wert auf Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Kalender
Name | |
---|---|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für Kerzendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Säulendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des enthaltenden Elements
|
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Trendlinien |
Bildschirme
<ph type="x-smartling-placeholder"></ph>
Trendlinien
in den Diagrammen,
die sie unterstützen. Standardmäßig sind
Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe des <ph type="x-smartling-placeholder"></ph> Trendlinie , entweder als englischer Farbname oder als hexadezimaler String angegeben. Typ:
string Standard:Standardseriefarbe
|
trendlines.n.degree |
Für
<ph type="x-smartling-placeholder"></ph>
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie in Pixeln. Typ:
number Standard:
2 |
trendlines.n.type |
Ob die
<ph type="x-smartling-placeholder"></ph>
Trendlinien
ist Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Kombinationsdiagramme
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei
Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: 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 horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
interpolateNulls |
Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei
Dies wird nicht unterstützt von
Flächendiagramme mit den
Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 |
Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Sie können
Werte für einzelne Reihen mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Geben Sie 0 ein, um alle Punkte auszublenden. Sie können Werte überschreiben,
für einzelne Reihen mithilfe des Attributs Typ:
number Standard:
0 |
reverseCategories |
Wenn der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben. Standardeinstellung verwenden
für eine Reihe möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. 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-Farbschreibweise verwendet werden soll. Typ:
string Standard:
'#109618' |
greenFrom |
Der niedrigste Wert für einen Bereich, der grün markiert ist. Typ:
number Standard: keine
|
greenTo |
Der höchste Wert für einen grün markierten Bereich. Typ:
number Standard: keine
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standardeinstellung:Breite des Containers
|
max |
Der Maximalwert, der auf der Y-Achse angezeigt werden soll. Wenn der maximale Datenpunkt diesen Wert überschreitet,
ignoriert und das Diagramm wird so angepasst, dass der nächste große Teilstrich angezeigt wird.
über dem maximalen Datenpunkt liegen. Dies hat Vorrang vor dem auf der Y-Achse festgelegten Maximalwert.
von Das entspricht in etwa Typ:
number Standard:automatisch
|
Min. |
Der Minimalwert, der auf der Y-Achse angezeigt werden soll. Wenn der minimale Datenpunkt
unter diesem Wert liegt,
wird diese Einstellung ignoriert und das Diagramm wird so angepasst, dass der nächste große Tick angezeigt wird.
unter dem minimalen Datenpunkt liegen. Dies hat Vorrang vor dem Mindestwert der Y-Achse
von Das entspricht in etwa Typ:
number Standard:automatisch
|
redColor |
Die Farbe, die für den roten Bereich in HTML-Farbschreibweise verwendet werden soll. Typ:
string Standard:
'#DC3912' |
redFrom |
Der niedrigste Wert für einen rot markierten Bereich. Typ:
number Standard: keine
|
redTo |
Der höchste Wert für einen rot markierten Bereich. Typ:
number Standard: keine
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standardeinstellung:Breite des Containers
|
yellowColor |
Die zu verwendende Farbe für den gelben Abschnitt in HTML-Farbschreibweise. Typ:
string Standard:
'#FF9900' |
yellowFrom |
Der niedrigste Wert für einen Bereich, der gelb markiert ist. Typ:
number Standard: keine
|
yellowTo |
Der höchste Wert für einen Bereich, der gelb markiert ist. Typ:
number Standard: keine
|
Konfigurationsoptionen für Geodiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
datalessRegionColor |
Farbe, die Regionen ohne zugehörige Daten zugewiesen werden soll. Typ:
string Standard:
'#F5F5F5' |
defaultColor |
Die Farbe, die für Datenpunkte in einem Geodiagramm verwendet werden soll, wenn der Standort
(z.B. Typ:
string Standard:
'#267114' |
displayMode |
Um welche Art von Geodiagramm handelt es sich? Das DataTable-Format muss dem angegebenen Wert entsprechen. Die folgende Werte werden unterstützt:
Typ:
string Standardeinstellung: „auto“
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 |
Bereich, der im Geodiagramm angezeigt werden soll. Auch die Umgebung in der Umgebung wird angezeigt. Kann sein eines der folgenden:
Typ:
string Standardeinstellung: „world“
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für das Histogramm
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ: string oder object /div>
Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für Typ:
number Standard:
-1 |
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
histogram.bucketSize |
Die Größe jedes Histogrammbalkens hartcodieren, anstatt sie bestimmen zu lassen mit Algorithmen. Typ:
number Standard:automatisch
|
histogram.hideBucketItems |
Lassen Sie die dünnen Trennlinien zwischen den Blöcken des Histogramms aus. durchgängige Balken. Typ:
boolean Standard:
false |
histogram.lastBucketPercentile |
Bei der Berechnung der Bucket-Größe des Histogramms werden die Werte oben und unten ignoriert.
Typ:
number Standard:
0 |
interpolateNulls |
Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei
Dies wird nicht unterstützt von
Flächendiagramme mit den
Typ:
boolean Standard:
false |
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean /string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben. Zur Verwendung
für eine Reihe zu verwenden, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für Liniendiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: 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 horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
interpolateNulls |
Gibt an, ob der Wert der fehlenden Punkte erraten werden soll. Bei
Dies wird nicht unterstützt von
Flächendiagramme mit den
Typ:
boolean Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 |
Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Sie können
Werte für einzelne Reihen mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Geben Sie 0 ein, um alle Punkte auszublenden. Sie können Werte überschreiben,
für einzelne Reihen mithilfe des Attributs Typ:
number Standard:
0 |
reverseCategories |
Wenn der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn der Wert auf Typ:
boolean |
Trendlinien |
Bildschirme
<ph type="x-smartling-placeholder"></ph>
Trendlinien
in den Diagrammen,
die sie unterstützen. Standardmäßig sind
Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe der <ph type="x-smartling-placeholder"></ph> Trendlinie , entweder als englischer Farbname oder als hexadezimaler String angegeben. Typ:
string Standard:Standardseriefarbe
|
trendlines.n.degree |
Für
<ph type="x-smartling-placeholder"></ph>
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie . Typ:
number Standard:
2 |
trendlines.n.type |
Ob die
<ph type="x-smartling-placeholder"></ph>
Trendlinien
ist Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Organigramme
Name | |
---|---|
Farbe |
Die Hintergrundfarbe der Elemente im Organigramm. Typ:
Standard:
'#edf7ff' |
selectionColor |
Die Hintergrundfarbe der ausgewählten Elemente in einem Organisationsdiagramm. Typ:
string Standard:
'#d6e9f8' |
Größe |
Die Gesamtgröße des Diagramms. Zu den Optionen gehören Typ:
string Standard:
'medium' |
Konfigurationsoptionen für Kreisdiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
is3D |
Wenn Typ:
boolean Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Kreislinien. Nur anwendbar, wenn das Diagramm zweidimensional ist. Typ:
string Standard:
'white' |
pieSliceText |
Der Textinhalt, der im Segment angezeigt wird. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'percentage' |
pieSliceTextStyle |
Ein Objekt, das den Segmenttextstil 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 der 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 Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Konfigurationsoptionen für Streudiagramme
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: 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 horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.gridlines |
Ein Objekt mit Eigenschaften zum Konfigurieren der Gitternetzlinien auf der horizontalen Achse. Gitternetzlinien für horizontale Achsen werden vertikal gezeichnet. Zum Angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.gridlines.color |
Die Farbe der horizontalen Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:
'#CCC' |
hAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich. Wenn Sie für 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. ist dies nach rechts
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der horizontalen Achse, ähnlich wie bei
die Option
Diese Option wird nur für eine
Typ:
object Standard:
null |
hAxis.minorGridlines.color |
Die Farbe der horizontalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
hAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
hAxis.minValue |
Verschiebt den Mindestwert der horizontalen Achse auf den angegebenen Wert. gilt dies nach links in
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale x-Wert der Daten ist.
Typ:
number Standard:automatisch
|
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 |
Die Breite der Datenlinie in Pixeln. Verwenden Sie „0“, um alle Linien auszublenden und nur die Punkte anzuzeigen. Sie können
Werte für einzelne Reihen mit dem Attribut Typ:
number Standard:
2 |
pointShape |
Die Form einzelner Datenelemente: Typ:
string Standard:
'circle' |
pointSize |
Durchmesser der angezeigten Punkte in Pixeln. Geben Sie 0 ein, um alle Punkte auszublenden. Sie können Werte überschreiben,
für einzelne Reihen mithilfe des Attributs Typ:
number Standard:
0 |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben. Zur Verwendung
für eine Reihe zu verwenden, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt. Die folgenden beiden Deklarationen sind beispielsweise identisch: Die erste Serie wird als schwarz und nicht in der Legende deklariert und die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn der Wert auf Typ:
boolean |
Trendlinien |
Bildschirme
<ph type="x-smartling-placeholder"></ph>
Trendlinien
in den Diagrammen,
die sie unterstützen. Standardmäßig sind
Trendlinien werden pro Serie angegeben, sodass deine Optionen meistens auch so aussehen. wie hier: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Standard:
null |
trendlines.n.color |
Die Farbe des <ph type="x-smartling-placeholder"></ph> Trendlinie , als englischer Farbname oder als hexadezimaler String angegeben. Typ:
string Standard:Standardseriefarbe
|
trendlines.n.degree |
Für
<ph type="x-smartling-placeholder"></ph>
Trendlinien
von Typ:
number Standard:
3 |
trendlines.n.labelInLegend |
Wenn festgelegt, <ph type="x-smartling-placeholder"></ph> Trendlinie erscheint in der Legende als dieser String. Typ:
string Standard:
null |
trendlines.n.lineWidth |
Die Linienbreite der <ph type="x-smartling-placeholder"></ph> Trendlinie . Typ:
number Standard:
2 |
trendlines.n.type |
Ob die
<ph type="x-smartling-placeholder"></ph>
Trendlinien
ist Typ:
string Standard:
linear |
trendlines.n.visibleInLegend |
Ob die <ph type="x-smartling-placeholder"></ph> Trendlinie in der Legende angezeigt. Sie wird in der Kurzinfo der Trendlinie angezeigt. Typ:
boolean Standard:
false |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Konfigurationsoptionen für Stufen-Flächendiagramm
Name | |
---|---|
areaOpacity |
Die Standarddeckkraft des farbigen Bereichs unter einer Flächendiagrammreihe, wobei
Typ:
number , 0.0- 1.0 Standard:
0.3 |
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
backgroundColor.fill |
Die Füllfarbe des Diagramms als HTML-Farbstring. Typ:
string Standard:
'white' |
chartArea |
Ein Objekt mit Mitgliedern zum Konfigurieren der Platzierung und Größe des Diagrammbereichs, an dem sich das Diagramm
selbst gezeichnet wird, ohne Achsen und Legenden). Es werden zwei Formate unterstützt: eine Zahl oder ein
Zahl gefolgt von „%“. Eine einfache Zahl ist ein Wert in Pixeln. ist eine Zahl gefolgt von %
Prozentsatz. Beispiel: Typ:
object Standard:
null |
chartArea.backgroundColor |
Hintergrundfarbe des Diagrammbereichs. Ein String kann entweder ein hexadezimaler String sein
(z.B.
'#fdc' ) oder einen englischen Farbnamen verwenden. Wenn ein Objekt verwendet wird, können folgende Eigenschaften
bereitgestellt werden:
Typ:
string oder object Standard:
'white' |
chartArea.height |
Höhe des Diagrammbereichs. Typ:
number oder string Standard:automatisch
|
chartArea.left |
Legt fest, wie weit das Diagramm von der linken Rahmenlinie entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.top |
Legt fest, wie weit das Diagramm vom oberen Rand entfernt ist. Typ:
number oder string Standard:automatisch
|
chartArea.width |
Diagrammbereichbreite. Typ:
number oder string Standard:automatisch
|
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
hAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener horizontaler Achsenelemente. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Standard:
null |
hAxis.direction |
Die Richtung, in die die Werte entlang der horizontalen Achse wachsen. Typ:
1 oder -1 Standard:
1 |
hAxis.textPosition |
Position des Textes der horizontalen Achse im Verhältnis 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 für den Titel 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
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des enthaltenden Elements
|
isStacked |
Wenn dieser Wert auf
Die Option Für
Bei einer Stapelung von 100% wird der berechnete Wert für jedes Element in der Kurzinfo tatsächlichen Wert.
Standardmäßig werden auf der Zielachse Tickwerte basierend auf der relativen Skala von 0–1 als Bruchwerte verwendet.
von 1 für
Eine 100-%-Stapelung unterstützt nur Datenwerte vom Typ Typ:
boolean / string Standard:
false |
Legende |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener Aspekte der Legende. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Standard:
null |
legend.position |
Position der Legende. folgende Arten von Werten sind möglich:
Typ:
string Standard:
'right' |
legendTextStyle |
Ein Objekt, das den Legendentextstil 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 der Wert auf
Diese Option wird nur für eine
Typ:
boolean Standard:
false |
Serien |
Ein Array von -Objekten, die jeweils das Format der entsprechenden Reihe im Diagramm beschreiben.
Wenn Sie Standardwerte für eine Reihe verwenden möchten, geben Sie ein leeres Objekt
Sie können entweder ein Array von -Objekten angeben, die jeweils für die Reihe in der angegebenen Reihenfolge gelten, oder ein Objekt angeben, bei dem jedes untergeordnete Element über einen numerischen Schlüssel verfügt, der angibt, für welche Reihe es gilt.Die folgenden beiden Deklarationen sind beispielsweise identisch und geben die erste Reihe als schwarz und nicht in der Legende an, die vierte als rot und nicht in der Legende: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ:Array von Objekten oder Objekt mit verschachtelten Objekten
Standard:
{} |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Design |
Ein Design ist eine Reihe vordefinierter Optionswerte, die zusammen ein bestimmtes Diagramm bilden oder visuellen Effekt haben. Derzeit ist nur ein Design verfügbar:
Typ:
string Standard:
null |
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Wenn der Wert auf Typ:
boolean |
useFirstColumnAsDomain |
Wenn Typ:
boolean |
vAxes |
Gibt Eigenschaften für einzelne vertikale Achsen an, wenn das Diagramm mehrere vertikale Achsen hat.
Jedes untergeordnete Objekt ist ein
Um ein Diagramm mit mehreren vertikalen Achsen anzugeben, definieren Sie zuerst eine neue Achse mithilfe von
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Diese Eigenschaft kann entweder ein Objekt oder ein Array sein. Das Objekt ist eine Sammlung von Objekten.
jede mit einer numerischen Beschriftung, die die durch sie definierte Achse angibt. Dies ist das Format,
oben; Das Array ist ein Array von Objekten, eines pro Achse. Der folgende Array-Stil
Notation ist mit dem oben gezeigten vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ:Array eines Objekts oder eines Objekts mit untergeordneten Objekten
Standard:
null |
vAxis |
Ein Objekt mit Mitgliedern zum Konfigurieren verschiedener vertikaler Achsenelemente. Um Eigenschaften von können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Standard:
null |
vAxis.direction |
Die Richtung, in der die Werte entlang der vertikalen Achse wachsen. Standardmäßig sind niedrige Werte
befinden sich unten im Diagramm. Typ:
1 oder -1 Standard:
1 |
vAxis.gridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der Gitternetzlinien auf der vertikalen Achse. Beachten Sie, dass Gitternetzlinien für vertikale Achsen horizontal gezeichnet werden. Attribute angeben dieses Objekts können Sie die Objektliteral-Notation verwenden, wie hier gezeigt: {color: '#333', minSpacing: 20}
Diese Option wird nur für eine
Typ:
object Standard:
null |
vAxis.gridlines.color |
Die Farbe der vertikalen Gitternetzlinien im Diagrammbereich. Geben Sie einen gültigen HTML-Farbstring an. Typ:
string Standard:
'#CCC' |
vAxis.gridlines.count |
Die ungefähre Anzahl der horizontalen Gitternetzlinien im Diagrammbereich.
Wenn Sie für Typ:
number Standard:
-1 |
vAxis.logScale |
Bei Typ:
boolean Standard:
false |
vAxis.maxValue |
Verschiebt den Maximalwert der vertikalen Achse auf den angegebenen Wert. ist dieser in den meisten
. Wird ignoriert, wenn dieser auf einen Wert festgelegt wird, der kleiner als der maximale y-Wert der Daten ist.
Typ:
number Standard:automatisch
|
vAxis.minorGridlines |
Ein Objekt mit Mitgliedern zum Konfigurieren der kleinen Gitternetzlinien auf der vertikalen Achse, ähnlich dem vAxis.gridlines. Typ:
object Standard:
null |
vAxis.minorGridlines.color |
Die Farbe der vertikalen kleineren Gitternetzlinien im Diagrammbereich. Gültige HTML-Farbe angeben . Typ:
string Standard:Eine Mischung aus Gitternetz- und Hintergrundfarben
|
vAxis.minorGridlines.count |
Die Option „ Typ:
number Standard:
1 |
vAxis.minValue |
Verschiebt den Mindestwert der vertikalen Achse auf den angegebenen Wert. wird dies in den
in den meisten Charts. Wird ignoriert, wenn dieser auf einen Wert festgelegt ist, der größer als der minimale y-Wert der Daten ist.
Typ:
number Standard:
null |
vAxis.textPosition |
Position des Textes der vertikalen Achse im Verhältnis 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 für den Titel 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 minimale vertikale Datenwert, der gerendert werden soll. Wird ignoriert, wenn Typ:
number Standard:automatisch
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für Tabellendiagramme
Name | |
---|---|
alternatingRowStyle |
Bestimmt, ob ungeraden und geraden Zeilen ein abwechselnder Farbstil zugewiesen wird. Typ:
boolean Standard:
true |
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Seite |
Ob und wie das Durchblättern der Daten aktiviert werden kann Wählen Sie einen der folgenden
Typ:
string Standard:
'disable' |
pageSize |
Die Anzahl der Zeilen pro Seite, wenn Paging mit der Seitenoption aktiviert ist. Typ:
number Standard:
10 |
showRowNumber |
Wenn Typ:
boolean Standard:
false |
Sortieren |
Ob und wie Spalten sortiert werden sollen, wenn der Nutzer auf eine Spaltenüberschrift klickt. Wenn die Sortierung aktiviert ist,
sollten Sie auch die Attribute
Typ:
string Standard:
'enable' |
sortAscending |
Die Reihenfolge, in der die anfängliche Sortierspalte sortiert ist. Typ:
boolean Standard:
true |
sortColumn |
Ein Index einer Spalte in der Datentabelle, nach der die Tabelle anfänglich sortiert ist. Die Spalte ist mit einem kleinen Pfeil gekennzeichnet, der die Sortierreihenfolge angibt. Typ:
number Standard:
-1 |
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für die Zeitachse
Name | |
---|---|
backgroundColor |
Die Hintergrundfarbe für den Hauptbereich des Diagramms. Es kann sich um einen einfachen
HTML-Farbstring,
Beispiel: Typ:
string oder object Standard:
'white' |
Farben |
Die Farben, die für die Diagrammelemente verwendet werden sollen. Ein Array von Strings, wobei jedes Element ein HTML-Element ist
Farbzeichenfolge, zum Beispiel: Typ:String-Array
Standard:Standardfarben
|
Höhe |
Höhe des Diagramms in Pixeln. Typ:
number Standard:Höhe des beinhaltenden Elements
|
Breite |
Breite des Diagramms in Pixeln. Typ:
number Standard:Breite des beinhaltenden Elements
|
Konfigurationsoptionen für Strukturkarten
Name | |
---|---|
headerColor |
Die Farbe des Headerbereichs für jeden Knoten. Geben Sie einen HTML-Farbwert an. Typ:
string Standard:
#988f86 |
maxColor |
Die Farbe für ein Rechteck mit dem Wert Typ:
string Standard:
#00dd00 |
maxDepth |
Die maximale Anzahl der Knotenebenen, die in der aktuellen Ansicht angezeigt werden. Ebenen werden aufgegliedert
in die aktuelle Ebene verschieben. Wenn Ihr Baum mehr Ebenen hat, müssen Sie nach oben oder unten
nach unten, um sie zu sehen. Darüber hinaus werden Typ:
number Standard:
1 |
maxPostDepth |
Anzahl der Knotenebenen ab Typ:
number Standard:
0 |
midColor |
Die Farbe für ein Rechteck mit einem Wert aus Spalte 3 in der Mitte zwischen Typ:
string Standard:
#000000 |
minColor |
Die Farbe für ein Rechteck mit dem Wert aus Spalte 3 von Typ:
string Standard:
#dd0000 |
noColor |
Die für ein Rechteck zu verwendende Farbe, wenn ein Knoten keinen Wert für Spalte 3 hat und dieser Knoten ein Blatt (oder enthält nur Blätter). Geben Sie einen HTML-Farbwert an. Typ:
string Standard:
#000000 |
Untertitel |
Text, der unter dem Diagrammtitel angezeigt werden soll. Typ:
string Standard: kein Titel
|
subtitleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt.
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
Ein Objekt, das den Textstil für den Titel angibt. Die Farbe kann ein beliebiger HTML-Code sein.
Farbzeichenfolge, z. B. Typ:
object Standard: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Titel |
Text, der über dem Diagramm angezeigt werden soll. Typ:
string Standard: kein Titel
|
titleTextStyle |
Ein Objekt, das den Textstil für den Titel angibt. Das Objekt hat folgendes Format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Standard:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|