Dynamische Symbole

   Dieselbe dynamische Symbolmarkierung wie das eigenständige Bild.
Auf der Referenzseite für Infografiken Dynamische Symbole werden alle verfügbaren Typen dynamischer Markierungstypen beschrieben.

Auf dieser Seite wird beschrieben, wie du verschiedene Zusatzinformationen, Blasen, Stecknadeln und andere Grafiken erstellst, die über die URL angefordert oder als Markierungen über anderen Diagrammen hinzugefügt werden können.

Inhaltsverzeichnis

  1. Einführung
    1. Frei stehende Symbole
    2. Dynamische Markierungen
  2. Häufig verwendete Symbolfunktionen
    1. Textstrings
    2. Schatten
  3. Kontextbezogene Symbole

Einführung

Mit der Chart API können Sie eine Vielzahl interessanter Zusatzinformationen, Stecknadeln oder Infofelder erstellen, die Text und Bilder miteinander kombinieren. Diese Elemente werden als dynamische Symbole bezeichnet. Sie können entweder ein frei stehendes dynamisches Symbolbild erstellen oder mit dem Parameter chem ein dynamisches Symbol als Markierungstyp über dem Diagramm positionieren. Auf dieser Seite wird beschrieben, wie dynamische Symbole als frei stehende Bilder oder als Markierungen in einem anderen Diagramm erstellt werden. Auf der Referenzseite für Infografiken Dynamische Symbole werden alle verfügbaren Typen dynamischer Markierungstypen beschrieben.

Die Syntax zum Erstellen eines dynamischen Symbols hängt davon ab, ob Sie ein frei stehendes Symbol oder als dynamische Markierung in einem anderen Diagramm verwenden möchten.

Frei stehende Symbole

Sie können ein dynamisches Symbolbild auf die gleiche Weise anfordern wie alle anderen Diagramme. Ein frei stehendes dynamisches Symbol unterstützt einen anderen Satz von Parametern als andere Diagramme:

Parameter Erforderlich oder optional Beschreibung
chst=<icon_string_constant> Erforderlich

Beschreibt, welche Art von Symbol erstellt werden soll.

  • icon_string_constant: eine Stringkonstante, die den zu erstellenden Symboltyp beschreibt. Wie Sie ein Symbol auswählen, erfahren Sie unten im Abschnitt Symbole.
chld=<icon_data> Erforderlich

Die spezifischen Daten, die verwendet werden, um Größe, Rotation, Text und andere erforderliche Daten des Symbols zu beschreiben.

  • icon_data: ein Satz von durch senkrechte Striche getrennten Werten für das Symbol. In der Dokumentation auf dieser Seite wird beschrieben, welche Werte für die einzelnen Symboltypen erforderlich sind.
cht NICHT VERWENDET In Diagrammen mit frei stehenden dynamischen Symbolen wird der Parameter cht nicht verwendet.
chs NICHT VERWENDET In Diagrammen mit frei stehenden dynamischen Symbolen wird der Parameter chs nicht verwendet.
chd NICHT VERWENDET Verwenden Sie den Parameter chld, um Daten an ein frei stehendes dynamisches Symbol zu übergeben.

Beispiel

Dieselbe dynamische Symbolmarkierung wie das eigenständige Bild.
https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

Dynamische Markierungen

Mit dem Parameter chem können Sie ein dynamisches Symbol als Markierungstyp in verschiedene Arten von Diagrammen einbetten. Weitere Informationen finden Sie in der chem-Dokumentation.

Beispiel

Liniendiagramm mit dynamischer Symbolmarkierung
https://chart.googleapis.com/chart?
  chs=300x140
  cht=lc&chco=FF9900,224499
  chd=t:75,74,66,30,10,5,3,1
  chls=1|1
  chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0
  chm=v,ccccFF,0,::.2,2

Allgemeine Symbolfunktionen

Den meisten Symbolen können Textzeichenfolgen oder Schatten zugeordnet sein.

Textstrings

Der gesamte an die Chart API übergebene Anzeigetext muss UTF-8- und dann URL-codiert sein. Dies betrifft nur nicht URL-sichere Zeichen. URL-sichere Zeichen bestehen meist aus den englischen Buchstaben a–z und Groß- und Kleinschreibung sowie kleinen Satzzeichen. Der UTF-8- und URL-codierte Wert für den Buchstaben „è“ ist „%C3%A8“ und für das chinesische Zeichen „駅“ ist „%E9%A7%85“. Bei den meisten Browsern können Sie im URL-String einen nicht codierten Wert verwenden (z. B. 駅) und im Hintergrund für Sie codieren. Es ist jedoch möglich, dass jemand, der die Diagramm-URL aufruft, einen Browser verwendet, der dies nicht unterstützt. Daher empfiehlt es sich, alle Nicht-ASCII-Zeichen in Textstrings in UTF-8 und URL zu codieren. Dies gilt nur für Text, der in Sprechblasen oder Stecknadeln angezeigt wird, nicht für &, | oder andere Zeichen, die Teil der URL-Syntax sind.

Wenn Sie dynamische Symbolmarkierungen mit dem Parameter chem angeben, müssen Sie bestimmte Zeichen in Ihrem Text mit Escapezeichen versehen, wie in der Dokumentation zu chem beschrieben.

Schatten

Sie können vielen Symbolen Schatten hinzufügen oder bei einigen Symbolen sogar ohne das Symbol selbst Schatten zeichnen.

Verdeckte Symbole Verdeckte Markierung

Viele dieser Symbole können mit oder ohne Schatten gezeichnet werden. Wenn Shadowing eine Option ist, hat der Name des Symbols eine Version, die auf _withshadow endet, und eine andere Version ohne diese Endung. Du kannst ein Symbol mit einer der beiden Endungen angeben, je nachdem, ob du einen Schatten haben möchtest oder nicht.

Hier siehst du ein Beispiel für eine mittelgroße Sprechblase und eine Stecknadel mit und ohne Schatten:

Sprechblase ohne Schatten
chst=d_bubble_icon_text_big
Sprechblase mit Schatten
chst=d_bubble_icon_text_big_withshadow
Einfache Markierung mit Symbol
chst=d_map_pin_icon
Einfache schattierte Stecknadel mit Symbol
chst=d_map_pin_icon_withshadow

Frei stehende Schatten Nur Schatten

Bei einigen Symboltypen können Sie ihren Schatten allein zeichnen. Dies ist beispielsweise sinnvoll, wenn Sie mehrere überlappende schattierte Symbole in einer Grafik verwenden und diese so nah beieinander sind, dass der Schatten von einem Symbol auf ein anderes Symbol fällt. Hier sehen Sie zum Beispiel zwei schattierte Blasen, zuerst Robert und dann Alice:

Schatten, der ein anderes Symbol überlappt

Beachten Sie, wie der Schatten von Alice Robert teilweise verdeckt. Um dieses Problem zu beheben, können Sie zuerst den Schatten von Alice, dann die Blase Robert und dann Alice ohne Schatten zeichnen. In Bezug auf Beleuchtung und Schatten ist diese Funktion vielleicht nicht völlig realistisch, aber es vermeidet es, eine Blase im Schatten einer anderen zu verdecken:

Blase und Schatten werden unabhängig voneinander gezeichnet
chem=
  y;s=bubble_text_small_shadow;d=bb,Alice,FF8,000;ds=0;dp=1;py=1          // Alice, no shadow
  y;s=bubble_text_small_withshadow;d=bbtr,Robert,FF8,000;ds=0;dp=3.5;py=1 // Robert with shadow
  y;s=bubble_text_small;d=bb,Alice,FF8,000;ds=0;dp=1;py=1                 // Alice shadow

Alle Markierungen geben die gleiche Z-Reihenfolge von 1 (py=1) an, sodass sie in der angegebenen Reihenfolge über den Diagrammelementen (Diagrammlinie) gezeichnet werden. Zuerst wird der Schatten von Alice gezeichnet, dann die Blase Robert darüber und schließlich die Blase Alice darüber liegt.

In der Dokumentation zu Ihrem spezifischen Symboltyp erfahren Sie, ob Sie den Schatten allein zeichnen können.

Kontextbezogene Symbole

Beispiel für ein kontextbezogenes Symbol

Sie können ein Symbol angeben, dessen Farbe, Größe oder Stapelung je nach zugewiesenem Punkt variieren. Diese Symboltypen sind nur als dynamische Symbolmarkierungen (chem-Parameter) und nicht als frei stehende Symbole verfügbar.

Diese Symbole können in einer anderen Reihe als der Reihe gerendert werden, in der ihre Farbe, Größe oder Stapelinformationen angegeben sind. Das bedeutet, dass der ds-Wert des chem-Parameters die Datenreihe angibt, in der das Symbol gerendert werden soll. Die Werte zur Bestimmung der Größe oder Farbe des Symbols sind jedoch in den unten aufgeführten Parametern angegeben. Eine gute Verwendung besteht darin, eine versteckte Datenreihe für Symboldaten zu verwenden, aber die Symbole auf einer sichtbaren Linie oder einem sichtbaren Balken zu rendern. Hier sind einige Beispiele:

Symbol in Quellserie gerendert Symbol in Nicht-Quell-Serie gerendert Symbol mit ausgeblendeter Reihe
chem=
  y;s=cm_size;ds=0;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=0: In Serie 0 rendern (rote Linie)
  • d=maps_pin,0,... – Daten aus Reihe 0
chem=
  y;s=cm_size;ds=1;...;
  d=maps_pin,0,10,50,10,8F8,000,hb
  • ds=1 – In Serie 1 rendern (blaue Linie)
  • d=maps_pin,0,.. – Daten aus Reihe 0
chd=t1:
  10,20,30,5,10,60
  10,20,30,70,60,5
chem=
  y;s=cm_size;ds=0;dp=all;
  d=disk,1,5,20,5,FFFF10,000
  • t1:: Die erste Reihe wird angezeigt und es werden Liniendaten verwendet. Alle späteren Serien werden ausgeblendet.
  • ds=0: Markierungen, die in Reihe 0 gerendert werden.
  • d=disk,1,... – Laufwerkdaten stammen aus ausgeblendeter Reihe 1.

Arten von Kontextmarkierungen

Art des Filzstifts chem s Wert Beispiel
Farbvariationen s=cm_color
Größenvariationen s=cm_size
Farb- und Größenvarianten s=cm_color_size
Variante stapeln s=cm_repeat
Stapeln und Farbvariationen s=cm_repeat_color

Ausrichtungsstrings für kontextbezogene Symbole

Die kontextbezogenen Symbole unterstützen eine optionale Ausrichtungszeichenfolge, um eine Ausrichtung und einen Versatz des Symbols zum Datenpunkt anzugeben. Dieser String hat die folgende Syntax:

<alignment>[+/-<h_anchor_offset>+/-<v_anchor_offset>]
alignment
Zwei Buchstaben, die die Ausrichtung des Symbols an einem Punkt beschreiben. Beispiele hierfür sind tl (oben links) und rb (unten rechts). Eine vollständige Auflistung und Beschreibung finden Sie in der Beschreibung des Parameters alignment_string des Parameters chem.
h_anchor_offset
[Optional] Der horizontale Abstand des Ankerpunkts in Pixeln. Vor Werten einschließlich Null muss entweder „+“ oder „-“ vorangestellt werden. Wichtig:Sie müssen + als %2B URL-codieren.
v_anchor_offset
[Optional] Der vertikale Abstand des Ankerpunkts in Pixeln. Vor Werten einschließlich Null muss entweder „+“ oder „-“ vorangestellt werden. Wichtig:Sie müssen + als %2B URL-codieren.

Sie können auch die Komponente of des Parameters chem verwenden, um horizontale und vertikale Versätze anzugeben. Wenn Sie sowohl die Komponente of als auch die Werte h_anchor_offset v_anchor_offset angeben, werden alle Offsets auf Ihr Symbol angewendet.

Beispiele:


hb-0-0
Horizontal zentriert unten
Keine Versätze

lb-0-0
Links unten
Keine Offsets

rb-0-0
Rechts unten
Keine Offsets

ht-0-0
Horizontal oben
Keine Offsets

hb-20-0
Horizontal zentriert unten
-20 horizontal
0 vertikal

hb%2b20-0
Horizontal zentriert unten
+20 horizontal
0 vertikal

hb-0%2b10
Horizontal zentriert unten
0 horizontal
+10 vertikal

hb-0-20
Horizontal zentriert unten
0 horizontal
-20 vertikal

Farbvariation (cm_color)

Sie können die Farbe einer kontextbezogenen Diagrammmarkierung je nach dem von ihr dargestellten Punkt variieren. Sie müssen einen Farbbereich angeben. Der Datenwert wird dann auf eine entsprechende Farbe innerhalb dieses Bereichs skaliert.

Syntax

chem=y;s=cm_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<icon_size>,<outline_color>,<alignment>
<icon_shape>
Das zu verwendende Symbol Geben Sie einen ID-String an, der eines der am Ende der Seite aufgeführten Bilder identifiziert.
<color_data_series>
Der nullbasierte Index der Datenreihen, mit dem die Farbe der Symbole variiert wird.
<low_color>
Der niedrige Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Sie wird dem niedrigsten möglichen Wert im verfügbaren Datenbereich zugeordnet.
<middle_color>
Der mittlere Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies entspricht dem mittleren Wert im verfügbaren Datenbereich.
<high_color>
Der hohe Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies wird dem höchstmöglichen Wert im verfügbaren Datenbereich zugeordnet.
<icon_size>
Die Größe des Symbols in Pixeln. Die folgenden Werte werden unterstützt: 12, 16, 24.
<outline_color>
Die Umrissfarbe des Symbols als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<alignment>
Ein optionaler String, der die Ausrichtung und den Versatz des Symbols beschreibt.

Beispiel

  • s=cm_color – Symbol für Farbvariationen
  • ds=0 – in Datenreihe 0 rendern
  • dp=all: Fügen Sie allen Punkten ein Symbol hinzu.
  • d-Werte:
    • petrol – Symbolbezeichner
    • 0 – Farbe aus Datenreihe 0
    • 000,0FF,F55: Definition der Farbskala
    • 24: Größe des Symbols
    • 000 – schwarze Konturen
    • hv: Die Symbole werden sowohl horizontal als auch vertikal am Punkt zentriert.

chem=y;s=cm_color;
  ds=0;
  dp=all;
  d=petrol,0,000,0FF,F55,24,000,hv

Nach oben

 

 


Größenvariation (cm_size)

Sie können die Größe einer kontextabhängigen Diagrammmarkierung allein entsprechend der von Ihnen gewünschten Datenreihe ändern.

Syntax

chem=y;s=cm_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<fill_color>,<alignment>
<icon_type>.
Die Form des Symbols. Wählen Sie einen der folgenden Werte aus: maps_pin, disk oder square.
<size_data_series>
Der nullbasierte Index der Datenreihen, mit dem die Größe der Symbole variiert wird.
<zero_value_size>
Die Basisgröße des Symbols beim Minimalwert der Daten für die Reihe.
<size_multiplier>
Ein Faktor für die Größenskalierung. Dieser Wert wird mit der Differenz zwischen den Datenwerten der einzelnen Symbole und dem Mindestreihenwert multipliziert, um die endgültige Symbolgröße zu berechnen. Daher wird ein Symbol beim Datenwert 0 von diesem Multiplikator nicht beeinflusst.
<min_size>
Die Mindestgröße eines Symbols in Pixeln.
<outline_color>
Die Umrissfarbe des Symbols als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<fill_color>
Die Füllfarbe für das Symbol als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<alignment>
Ein optionaler String, der die Ausrichtung und den Versatz des Symbols beschreibt.

Beispiele

Ein einfaches Beispiel. Das Symbol mit dem Wert 0 wird mit einem Wert von 30 Pixeln gerendert. Die Größe nimmt mit den Daten zu.

chd=t:0,10,20,30,40,50,60,70
chem=y;s=cm_size;ds=0;dp=all;py=-1;d=maps_pin,0,30,100,10,8F8,000,hb

In diesem Beispiel übernehmen die Symbole ihre Größendaten von der gelben Linie, werden aber auf der blauen Linie gerendert.

  • chem=y – dynamische Markierung
  • s=cm_size – Größenabweichung
  • ds=1: Gerendert in Datenreihe 1 (blaue Linie)
  • dp=all: In allen Punkten gerendert.
  • d=
    • maps_pin: Stecknadelsymbol auf der Karte verwenden
    • 0: Die Größe wird entsprechend der Datenreihe 0 (gelbe Linie) skaliert.
    • 10 – Pin-Größe bei Wert 0
    • 90 – Größenmultiplikator
    • 10 – Mindestgröße
    • 8F8 – Füllfarbe
    • 000 – Umrissfarbe
    • hb: Zentrieren Sie sie horizontal am unteren Rand der Stecknadel.


chem=chem=y;s=cm_size;ds=1;dp=all;d=maps_pin,0,10,90,10,8F8,000,hb

Nach oben

 

 


Farb- und Größenvariation (cm_color_size)

Sie können je nach Datenreihe Ihrer Wahl sowohl die Farbe als auch die Größe einer kontextbezogenen Diagrammmarkierung ändern.

Syntax

chem=y;s=cm_color_size;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_type>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<size_data_series>,<zero_value_size>,<size_multiplier>,<min_size>,<outline_color>,<alignment>
<icon_type>.
Die Form des Symbols. Wählen Sie einen der folgenden Werte aus: maps_pin, disk oder square.
<color_data_series>
Der nullbasierte Index der Datenreihen, mit dem die Farbe der Symbole variiert wird.
<low_color>
Der niedrige Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Sie wird dem niedrigsten möglichen Wert im verfügbaren Datenbereich zugeordnet.
<middle_color>
Der mittlere Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies entspricht dem mittleren Wert im verfügbaren Datenbereich.
<high_color>
Der hohe Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies wird dem höchstmöglichen Wert im verfügbaren Datenbereich zugeordnet.
<size_data_series>
Der nullbasierte Index der Datenreihen, mit dem die Größe der Symbole variiert wird.
<zero_value_size>
Die Basisgröße des Symbols beim Minimalwert der Daten für die Reihe.
<size_multiplier>
Ein Faktor für die Größenskalierung. Dieser Wert wird mit der Differenz zwischen den Datenwerten der einzelnen Symbole und dem Mindestreihenwert multipliziert, um die endgültige Symbolgröße zu berechnen. Daher wird ein Symbol beim Datenwert 0 von diesem Multiplikator nicht beeinflusst.
<min_size>
Die Mindestgröße eines Symbols in Pixeln.
<outline_color>
Die Umrissfarbe des Symbols als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<alignment>
Ein optionaler String, der die Ausrichtung und den Versatz des Symbols beschreibt.

Beispiele

In diesem Beispiel werden zwei Zeilen verwendet. Die Pins verwenden Farbdaten aus der Reihe, in der sie gerendert werden, aber Größendaten aus der anderen Reihe.
  • chd=s:0akAZtnkmi,nbMPJOKXXS: Die erste Reihe wird verwendet, um die gelbe Linie darzustellen und die Farbe der Stecknadel zu bestimmen. Die zweite Reihe wird für die blaue Linie und die Pin-Größe verwendet.
  • chem=y – Dynamisches Symbol rendern
  • s=cm_color_size: Das Kontextsymbol für Farb- und Größenvariationen wird verwendet.
  • ds=1: Die Elemente in der Datenreihe 1, der blauen Linie, werden gerendert.
  • dp=all: Setzen Sie das Symbol auf alle Punkte.
  • d=
    • maps_pin: Verwenden Sie das Stecknadelsymbol auf der Karte.
    • 1: Verwenden Sie die Datenreihe 1 für die Markierungsfarbe.
    • 000,0FF,F55: niedrige, mittlere und hohe Farben.
    • 0: Verwenden Sie die Datenreihe 0 für die Stecknadelgröße.
    • 10: Die PIN ist 10 Pixel bei dem Wert 0.
    • 90: Ein Größenmultiplikator von 90.
    • 10: Mindestgröße für die Markierung: 10 Pixel.
    • 000: schwarze Umrissfarbe.
    • hb: Zentrieren Sie die Stifte entlang der Unterkante horizontal auf jeden Datenpunkt.


chd=s:0akAZtnkmi,nbMPJOKXXS
chem=y;s=cm_color_size;ds=1;dp=all;d=maps_pin,1,000,0FF,F55,0,10,90,10,000,hb

Nach oben

 

 


Variante stapeln (cm_repeat)

Sie können die Höhe eines Symbolstapels je nach Datenwert an einem bestimmten Punkt variieren.

Syntax

chem=y;s=cm_repeat;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<fill_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
Das zu verwendende Symbol Geben Sie einen ID-String an, der eines der am Ende der Seite aufgeführten Bilder identifiziert.
<repeat_series_index>.
Der nullbasierte Index der Datenreihe, der berechnet wird, wie viele Symbole an diesem Punkt platziert werden sollen.
<scaling_factor>
Der Wert der Quelldatenreihe wird auf einen Wert von 0 bis 1 skaliert und mit diesem Wert multipliziert, um zu bestimmen, wie viele Markierungen an diesem Punkt platziert werden sollen. Teilwerte werden abgeschnitten.
<stacking_direction>
Stapelrichtung: entweder „h“ (kleingeschrieben) für horizontal oder „V“ (Großbuchstaben) für vertikal.
<icon_size>
Die Größe jeder Markierung in Pixeln. Die folgenden Werte werden unterstützt: 12, 16, 24.
<fill_color>
Die Füllfarbe für das Symbol als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<outline_color>
Die Umrissfarbe des Symbols als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<spacing>
Der Abstand zwischen den einzelnen Markierungen in einem Stapel (in Pixeln)
<alignment>
Ein optionaler String, der die Ausrichtung und den Versatz des Symbols beschreibt.

Beispiel

In diesem Beispiel wird eine zweite Dummy-Datenreihe verwendet. Sie wird nicht im Diagramm gerendert, sondern dazu verwendet, alle Stapel gleichmäßig zu verteilen, beginnend am unteren Rand des Diagramms.
  • chd=s1:0akAZtnkmi,AAAAAAAAAA: Mit der ersten Reihe wird die Linie dargestellt und die Stapelhöhe bestimmt. Mit dem zweiten wird die Basis jedes Symbolstacks beim Wert 0 angegeben.
  • chem=y – Dynamisches Symbol rendern
  • s=cm_repeat: Verwenden Sie das Symbol für den Stapelkontext von Varianten.
  • ds=1: Die Elemente in der Datenreihe 1 werden gerendert.
  • dp=all: Setzen Sie das Symbol auf alle Punkte.
  • d=
    • d=petrol: Verwenden Sie das Benzinsymbol.
    • 0: Verwenden Sie die Datenreihe 0 für die Wiederholungszählung.
    • 9: Verwenden Sie einen Skalierungsfaktor von 6.
    • V: Vertikal stapeln.
    • 16: Jede Markierung sollte 16 Pixel hoch sein.
    • F00: Die Füllfarbe des Symbols.
    • 000: die Umrissfarbe des Symbols.
    • 2: zwei Pixel zwischen den einzelnen Symbolen im Stapel.
    • hb: Stapel unten zentrieren


chd=s1:0akAZtnkmi,AAAAAAAAAA
chem=
  y;s=cm_repeat;ds=1;dp=all;
  d=petrol,0,9,V,16,F00,000,2,hb

Nach oben

 


 

Stapeln und Farbvariationen (cm_repeat_color)

Sie können sowohl die Höhe als auch die Farbe eines Symbolstapels je nach Datenwert an einem bestimmten Punkt variieren.

Syntax

chem=y;s=cm_repeat_color;ds=<series_rendering_index>; ...other_values... ;
  d=<icon_shape>,<repeat_series_index>,<scaling_factor>,<stacking_direction>,<icon_size>,<color_data_series>,<low_color>,<middle_color>,<high_color>,<outline_color>,<spacing>,<alignment>
<icon_shape>
Das zu verwendende Symbol Geben Sie einen ID-String an, der eines der am Ende der Seite aufgeführten Bilder identifiziert.
<repeat_series_index>.
Der nullbasierte Index der Datenreihe, der berechnet wird, wie viele Symbole an diesem Punkt platziert werden sollen.
<scaling_factor>
Der Wert der Quelldatenreihe wird auf einen Wert von 0 bis 1 skaliert und mit diesem Wert multipliziert, um zu bestimmen, wie viele Markierungen an diesem Punkt platziert werden sollen. Teilwerte werden abgeschnitten.
<stacking_direction>
Stapelrichtung: entweder „h“ (kleingeschrieben) für horizontal oder „V“ (Großbuchstaben) für vertikal.
<icon_size>
Die Größe jeder Markierung in Pixeln. Die folgenden Werte werden unterstützt: 12, 16, 24.
<color_data_series>
Der nullbasierte Index der Datenreihen, mit dem die Farbe der Symbole variiert wird.
<low_color>
Der niedrige Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Sie wird dem niedrigsten möglichen Wert im verfügbaren Datenbereich zugeordnet.
<middle_color>
Der mittlere Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies entspricht dem mittleren Wert im verfügbaren Datenbereich.
<high_color>
Der hohe Farbwert im Bereich als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen). Dies wird dem höchstmöglichen Wert im verfügbaren Datenbereich zugeordnet.
<outline_color>
Die Umrissfarbe des Symbols als drei- oder sechsstellige HTML-Hexadezimalfarbe (ohne #-Zeichen).
<spacing>
Der Abstand zwischen den einzelnen Markierungen in einem Stapel (in Pixeln)
<alignment>
Ein optionaler String, der die Ausrichtung und den Versatz des Symbols beschreibt.

Beispiel

  • chem=y – Dynamisches Symbol rendern
  • s=cm_repeat_color: Verwenden Sie das Kontextsymbol für Stapelung und Farbvariation.
  • ds=0: Die Elemente in der Datenreihe 0 werden gerendert.
  • dp=all: Setzen Sie das Symbol auf alle Punkte.
  • d=
    • petrol: Verwenden Sie das Benzinsymbol.
    • 0: Verwenden Sie die Datenreihe 0 für die Wiederholungszählung.
    • 6: Verwenden Sie einen Skalierungsfaktor von 6.
    • V: Vertikal stapeln.
    • 12: Jede Markierung sollte 12 Pixel hoch sein.
    • 0: Verwende Reihe 0, um die Farbe anzugeben.
    • F00,0F0,00F: Niedriger, mittlerer und hoher Farbwert.
    • 000: die Umrissfarbe des Symbols.
    • 2: zwei Pixel zwischen den einzelnen Symbolen im Stapel.
    • hv: Zentriert die Stapel vertikal und horizontal auf jedem Datenpunkt.

chem=
  y;s=cm_repeat_color;ds=0;dp=all;
  d=petrol,0,6,V,12,0,F00,0F0,00F,000,2,hv

Nach oben