#RaceScatter

Dynamisches Streudiagramm (Race Scatter Chart)

Geeignet, um Datenverteilungen im Zeitverlauf darzustellen; die Position der Datenpunkte repraesentiert zwei Kennzahlenwerte

Anwendungsszenarien:

- Verteilungsmerkmale im zweidimensionalen Raum analysieren und ihre dynamische Veraenderung im Zeitverlauf darstellen

- Die Entwicklung der Korrelation zwischen mehreren Variablen im Zeitverlauf darstellen

- Bewegungsverlaeufe von Datenpunkten im zweidimensionalen Raum beobachten

Dynamisches Streudiagramm:

- X- und Y-Achse sind beide numerische Achsen (kontinuierliche Daten) und unterstuetzen mehrere Kennzahlenzuordnungen

- Die Zeitdimension kann ueber den Player gesteuert werden, um Datenveraenderungen dynamisch darzustellen

- Datenveraenderungen werden durch Positionsaenderungen der Datenpunkte intuitiv dargestellt

Dynamisches Streudiagramm, geeignet zur Darstellung von Datenverteilungen im Zeitverlauf

Datenquelle

Dimensionen, zur Unterscheidung verschiedener Datenreihen und zur Legendenanzeige

Feld-ID der Dimension

Dimensionsalias

Datumsformat-Konfiguration der Dimension

Zeitgranularität, bestimmt die Genauigkeit der Datumsanzeige

Dimension-Mapping-Kanaele in Race-Scatter-Diagrammen

- color: unterstützt die Zuordnung mehrerer Dimensionen zum Farbkanal

- detail: unterstützt die Zuordnung mehrerer Dimensionen zum Detailkanal

- tooltip: unterstützt die Zuordnung mehrerer Dimensionen zum Tooltip-Kanal

- label: unterstützt die Zuordnung mehrerer Dimensionen zum Beschriftungskanal

- row: unterstützt die Zuordnung mehrerer Dimensionen zum Zeilenkanal

- column: unterstützt die Zuordnung mehrerer Dimensionen zum Spaltenkanal

- player: unterstützt das Zuordnen mehrerer Dimensionen zum Player-Kanal

Kennzahlen. Es werden mindestens zwei Kennzahlen benötigt, die jeweils der X-Achse und der Y-Achse zugeordnet werden.

Feld-ID der Dimension

Dimensionsalias

Automatische Zahlenformatierung, standardmäßig aktiviert, höchste Priorität

Wenn autoFormat=true ist, überschreibt dies alle numFormat-Konfigurationen

Wenn aktiviert, wählen Diagramm-Datenlabels und Tooltips anhand von Kennzahlwerten und Locale automatisch die passende Formatierung aus

Formatierungsregeln: Dezimalzahlen mit aktivierter kompakter Schreibweise, mindestens 0 Dezimalstellen, höchstens 2 Dezimalstellen, automatische Rundung und Nutzung der Intl.NumberFormat-Implementierung des Browsers

Beispiel:

- locale='zh-CN': 749740.264 → 74.45万

- locale='en-US': 749740.264 → 744.5K

Benutzerdefinierte Zahlenformatierung für Kennzahlen; wird automatisch auf Labels und Tooltips angewendet

Hinweis: Für benutzerdefinierte Formatierung muss autoFormat=false explizit gesetzt werden; andernfalls überschreibt autoFormat diese Konfiguration

Zahlenformattyp, unterstützt: number (Dezimalzahl), percent (%), permille (‰), wissenschaftliche Notation

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix der Zahlenformatierung

Präfix der Zahlenformatierung

Dezimalstellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumFractionDigits und maximumFractionDigits des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumSignificantDigits und maximumSignificantDigits des Browsers; höhere Priorität als fractionDigits

Rundungspriorität für die Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingPriority

Rundungsmodus für die Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingMode

Zahlenformattyp, unterstützt: number (Dezimalzahl), percent (%), permille (‰), wissenschaftliche Notation

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix der Zahlenformatierung

Präfix der Zahlenformatierung

Dezimalstellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumFractionDigits und maximumFractionDigits des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumSignificantDigits und maximumSignificantDigits des Browsers; höhere Priorität als fractionDigits

Rundungspriorität für die Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingPriority

Rundungsmodus für die Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingMode

Kanal, dem die Kennzahl zugeordnet wird

- xAxis: Kennzahl, die der X-Achse zugeordnet wird

- yAxis: Kennzahl, die der Y-Achse zugeordnet wird

- size: Größe, der die Kennzahl zugeordnet wird

- color: Farbe, der die Kennzahl zugeordnet wird

- label: Beschriftung, der die Kennzahl zugeordnet wird

- tooltip: Tooltip, dem die Kennzahl zugeordnet wird

Erstellt in flacher Kennzahlkonfiguration eine baumförmige Kennzahlgruppe. parentId verweist auf die id der übergeordneten Kennzahlgruppe und dient zum Aufbau des Kennzahlbaums

Player-Konfiguration zur Angabe der Zeitdimension; Kernkonfiguration des dynamischen Balkendiagramms

Player-Konfiguration zur Angabe des abzuspielenden Feldnamens; muss eine Dimension sein

Maximale Wiedergabeanzahl; Daten oberhalb dieser Anzahl werden abgeschnitten. false bedeutet keine Begrenzung

Wiedergabeintervall, Einheit ms

Ob automatisch abgespielt wird

Ob die Wiedergabe in Schleife erfolgt

Player-Position

Spurfarbe der Player-Fortschrittsleiste

Player-Textschriftart

Player-Textschriftgröße

Fortschrittsfarbe der Player-Fortschrittsleiste

Sliderfarbe der Player-Fortschrittsleiste

Rahmenfarbe des Sliders der Player-Fortschrittsleiste

Farbe der Starttaste des Players

Farbe der Pausentaste des Players

Farbe der Zurück-Taste des Players

Farbe der Vorwärts-Taste des Players

X-Achsen-Sortierkonfiguration, unterstuetzt Sortierung nach Dimension oder Kennzahl sowie benutzerdefinierte Reihenfolge

Kategorieachsen-Sortierung, unterstuetzt Sortierung nach Dimension oder Kennzahl sowie benutzerdefinierte Reihenfolge

Sortierreihenfolge; moegliche Werte sind 'asc' oder 'desc'

Datenelement mit der höchsten Gewinnrate in jeder Region hervorheben

Benutzerdefinierte Reihenfolge, die direkt auf die Kategorieachse angewendet wird

Paginierung

Paginierung-Konfiguration für Diagrammseiten

Paginierungsfeld; gibt den Feldnamen für die Paginierung an und muss eine Dimension sein

Aktueller Paginierungswert; gibt den Wert zur Bestimmung der aktuellen Seite an

Diagramm-Hintergrundfarbe

Die Hintergrundfarbe kann eine Farbzeichenfolge sein (z. B. 'red', 'blue') oder ein hex-, rgb- oder rgba-Wert (z. B. '#ff0000', 'rgba(255,0,0,0.5)')

Kennzahlgröße im Streudiagramm, definiert die Größe oder den Größenbereich der Datenpunkte

- Wenn der Größenbereich eine Zahl wie 10 ist, wird die Datenpunktgröße fest auf 10 gesetzt

- Wenn der Größenbereich ein Array mit zwei Werten wie [10, 40] ist, liegt die Datenpunktgröße zwischen 10 und 40

- Schließt sich mit sizeRange gegenseitig aus; niedrigere Priorität als size

Größenbereich der Streudiagramm-Kennzahl, definiert den Größenbereich der Datenpunkte,

- Wenn der Größenbereich ein Array mit zwei Werten wie [10, 40] ist, liegt die Datenpunktgröße zwischen 10 und 40

- Wenn der Größenbereich eine Zahl wie 10 ist, wird die Datenpunktgröße fest auf 10 gesetzt

- Schließt sich mit sizeRange gegenseitig aus; höhere Priorität als size

Farbe

Farbkonfiguration zur Definition des Farbschemas des Diagramms, einschließlich Farblisten, Farbzuordnungen und Farbverläufen.

Diskretes Farbschema zur Definition der Farben verschiedener Elemente im Diagramm

Lineares Farbverlaufsschema zur Definition der Farben verschiedener Elemente im Diagramm

Farbzuordnung zur Abbildung von Datenwerten auf bestimmte Farben

Positiv/Negativ-Farbkonfiguration; definiert die Farbe positiver Werte im Diagramm

Positiv/Negativ-Farbkonfiguration; definiert die Farbe negativer Werte im Diagramm

Label

Label-Konfiguration zur Definition von Datenlabels im Diagramm, einschließlich Position, Format und Stil.

Ob die Label-Funktion aktiviert ist

Ob Labels in die nächste Zeile umbrechen

Ob Labels Kennzahlwerte anzeigen

In Szenarien mit mehreren Kennzahlen besteht kein Konfliktrisiko, da alle darstellungsbezogenen Kennzahlen die foldMeasures-Verarbeitung durchlaufen und zu einer Kennzahl zusammengeführt werden, die einen einzelnen Datenpunkt repräsentiert

Hinweis: Das label von encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label von encoding aus

Ob Labels den Prozentanteil von Kennzahlwerten anzeigen

In Szenarien mit mehreren Kennzahlen besteht kein Konfliktrisiko, da alle darstellungsbezogenen Kennzahlen die foldMeasures-Verarbeitung durchlaufen und zu einer Kennzahl zusammengeführt werden, die einen einzelnen Datenpunkt repräsentiert

Hinweis: Das label von encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label von encoding aus

Ob Labels Dimensionslabels anzeigen

Alle Dimensionslabels anzeigen

Hinweis: Das label von encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label von encoding aus

Automatische Zahlenformatierung, standardmäßig aktiviert, höchste Priorität

Wenn autoFormat=true ist, überschreibt dies alle numFormat-Konfigurationen

Wenn aktiviert, wählen Diagramm-Datenlabels und Tooltips anhand von Kennzahlwerten und Locale automatisch die passende Formatierung aus

Formatierungsregeln: Dezimalzahlen mit aktivierter kompakter Schreibweise, mindestens 0 Dezimalstellen, höchstens 2 Dezimalstellen, automatische Rundung und Nutzung der Intl.NumberFormat-Implementierung des Browsers

Beispiel:

- locale='zh-CN': 749740.264 → 74.45万

- locale='en-US': 749740.264 → 744.5K

Benutzerdefinierte Zahlenformatierung für Kennzahlen; wird automatisch auf Labels und Tooltips angewendet

Hinweis: Für benutzerdefinierte Formatierung muss autoFormat=false explizit gesetzt werden; andernfalls überschreibt autoFormat diese Konfiguration

Zahlenformattyp, unterstützt: number (Dezimalzahl), percent (%), permille (‰), wissenschaftliche Notation

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix der Zahlenformatierung

Präfix der Zahlenformatierung

Dezimalstellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumFractionDigits und maximumFractionDigits des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumSignificantDigits und maximumSignificantDigits des Browsers; höhere Priorität als fractionDigits

Rundungspriorität für die Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingPriority

Rundungsmodus für die Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingMode

Label-Schriftgröße

Label-Schriftstärke

Label-Hintergrundfarbe

Label-Konturfarbe

Label-Schriftfarbe

Ob die Label-Schriftfarbe abhängig von der Farbe des grafischen Elements automatisch invertiert wird

Labelposition

Ob die Label-Überlappungsvermeidung aktiviert ist

Label-Filterung; die Standardbeziehung zwischen Selektoren ist OR

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Dynamischer Filter (Ausführung von KI-generiertem Code)

Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code.

Kernfunktionen:

• Unterstützt beliebig komplexe Datenfilterbedingungen

• Verwendet integrierte Hilfsfunktionen für Datenoperationen

• Führt sicher in der Browserumgebung aus (Web-Worker-Sandbox)

Umgebungsanforderung: Nur Browserumgebungen werden unterstützt; Node.js-Umgebungen verwenden fallback

Hinweis: selector und dynamicFilter können nicht gleichzeitig verwendet werden; dynamicFilter hat höhere Priorität

Konfiguration des dynamischen Diagrammfilters

Filtert Diagrammmarkierungen (Flächen, Punkte usw.) über KI-generierten JavaScript-Code

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

KI-generierter JavaScript-Filtercode

• Es dürfen nur integrierte Hilfsfunktionen verwendet werden (zugänglich über _ oder R)

• Eingabeparameter: data (Array), jedes item enthält ein __row_index-Feld als Zeilennummer

• Muss ein Array aus Zeilenindex- und Feldkombinationen zurückgeben: Array<{ __row_index: number, field: string }>

• __row_index bezeichnet die Zeilennummer des ursprünglichen Datenelements, field das hervorzuhebende Feld

• Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

Fallback-Lösung, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Ausführungsergebnis des animierten Filters (Laufzeitfeld)

Wird während der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

Legende

Legendenkonfiguration zum Definieren der Diagrammlegende, einschließlich Position, Format und Stil.

Ob die Legendenfunktion aktiviert ist.

Ob der Legendenrahmen aktiviert ist.

Label-Schriftfarbe

Pager-Icon-Farbe

Farbe deaktivierter Pager-Icons

Schriftgröße der Legende

Legenden-Schriftfarbe

Schriftstärke der Legende

Legendenform

Legendenposition

Maximale Spalten oder Zeilen bei vielen Legendeneinträgen

Tooltips

Tooltip-Konfiguration zur Definition der Tooltips des Diagramms, einschließlich Position, Format, Stil usw.

Ob die Label-Funktion aktiviert ist

Diagramm-Brush-Konfiguration

Ob die Brush-Auswahl aktiviert ist

Brush-Typ

Definiert Form und Auswahlrichtung des Brush

- rect: rechteckige Brush-Auswahl; Auswahl gleichzeitig in X- und Y-Achsenrichtung möglich

- polygon: Polygon-Brush-Auswahl; zeichnet durch Klicken auf mehrere Punkte ein beliebiges Polygon zur Auswahl

- x: X-Achsen-Brush-Auswahl; wählt nur in X-Achsenrichtung aus, Y-Achse ist nicht beschränkt

- y: Y-Achsen-Brush-Auswahl; wählt nur in Y-Achsenrichtung aus, X-Achse ist nicht beschränkt

- multiple: Mehrfachmodus, in dem mehrere brush-Auswahlen gleichzeitig bestehen können

Definiert den Brush-Auswahlmodus

- multiple: Mehrfachauswahlmodus; mehrere brush-Bereiche können gleichzeitig existieren

Ob der Brush-Bereich nach Ende der Auswahl gelöscht wird

Deckkraft nicht ausgewählter Datenpunkte, Bereich 0-1

Definiert den Stil der mit Brush ausgewählten Datenpunkte

Deckkraft

Deckkraft ausgewählter Datenpunkte, Bereich 0-1

Konturfarbe

Strichbreite

X-Achse, Kategorieachse, X-Achsenkonfiguration; definiert die X-Achse des Diagramms einschließlich Position, Format, Stil usw.

Definiert den Stil der Datenpunkte außerhalb der Brush-Auswahl

Deckkraft

Deckkraft ausgewählter Datenpunkte, Bereich 0-1

Konturfarbe

Strichbreite

X-axis numeric-axis configuration, used to define the chart X-axis, including position, format, style, and related settings.

Ob die Achse sichtbar ist

Achsenlinie width

X-Achsen-Ticks

Ob eine logarithmische Achse verwendet wird; gilt nur für numerische Achsen

Easing-Funktion der Animation.

Y-Achsen-Einstellung (Kategorieachse) zur Definition der Y-Achse, einschließlich Position, Format, Stil usw.

Ob die Achse umgekehrt angezeigt wird; nur fuer numerische Achsen wirksam

Ob der Wert 0 auf der Achse erzwungen angezeigt wird; ist min und max gesetzt, ist diese Option unwirksam. Nur fuer numerische Achsen wirksam.

Automatische Zahlenformatierung, standardmäßig aktiviert, höchste Priorität

Wenn autoFormat=true ist, überschreibt dies alle numFormat-Konfigurationen

Wenn aktiviert, wählen Diagramm-Datenlabels und Tooltips anhand von Kennzahlwerten und Locale automatisch die passende Formatierung aus

Formatierungsregeln: Dezimalzahlen mit aktivierter kompakter Schreibweise, mindestens 0 Dezimalstellen, höchstens 2 Dezimalstellen, automatische Rundung und Nutzung der Intl.NumberFormat-Implementierung des Browsers

Beispiel:

- locale='zh-CN': 749740.264 → 74.45万

- locale='en-US': 749740.264 → 744.5K

Benutzerdefinierte Zahlenformatierung für Kennzahlen; wird automatisch auf Labels und Tooltips angewendet

Hinweis: Für benutzerdefinierte Formatierung muss autoFormat=false explizit gesetzt werden; andernfalls überschreibt autoFormat diese Konfiguration

Zahlenformattyp, unterstützt: number (Dezimalzahl), percent (%), permille (‰), wissenschaftliche Notation

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix der Zahlenformatierung

Präfix der Zahlenformatierung

Dezimalstellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumFractionDigits und maximumFractionDigits des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumSignificantDigits und maximumSignificantDigits des Browsers; höhere Priorität als fractionDigits

Rundungspriorität für die Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingPriority

Rundungsmodus für die Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingMode

Skalenlabels der X-Achse

Ob Labels sichtbar sind

Labelfarbe

Label-Schriftgroesse

Label-Schriftstaerke

Label-Drehwinkel

X-Achsenlinie

Ob Labels sichtbar sind

Achsenlinienfarbe

Strichbreite

X-Achsen-Ticks

Ob Labels sichtbar sind

Ob Ticks nach innen zeigen

Tick-Farbe

Tick-Groesse

X-Achsentitel

Ob Labels sichtbar sind

Titeltext; folgt standardmaessig der Feldkonfiguration

Titelfarbe

Titel-Schriftgroesse

Titel-Schriftstaerke

Enthalt die integrierten Themes light und dark. Benutzerdefinierte Themes konnen uber registerTheme hinzugefugt werden.

selector = [{ profit: 100 }, { profit: 200 }]

• not in: Wählt Datenelemente aus, bei denen der Dimensionenfeldwert nicht im value-Array enthalten ist.

Unterstutzt globale Stile oder bedingte Stilkonfigurationen.

X-Achsen-Animationskonfiguration

value: [100, 300]

}

Y-Achse

Numerische Achse. Y-Achsen-Konfiguration zur Definition von Position, Format, Stil und zugehörigen Einstellungen.

Ob die Achse sichtbar ist

Achsenlinie width

X-Achsen-Ticks

Ob eine logarithmische Achse verwendet wird; gilt nur für numerische Achsen

Easing-Funktion der Animation.

Y-Achsen-Einstellung (Kategorieachse) zur Definition der Y-Achse, einschließlich Position, Format, Stil usw.

Ob die Achse umgekehrt angezeigt wird; nur fuer numerische Achsen wirksam

Ob der Wert 0 auf der Achse erzwungen angezeigt wird; ist min und max gesetzt, ist diese Option unwirksam. Nur fuer numerische Achsen wirksam.

Automatische Zahlenformatierung, standardmäßig aktiviert, höchste Priorität

Wenn autoFormat=true ist, überschreibt dies alle numFormat-Konfigurationen

Wenn aktiviert, wählen Diagramm-Datenlabels und Tooltips anhand von Kennzahlwerten und Locale automatisch die passende Formatierung aus

Formatierungsregeln: Dezimalzahlen mit aktivierter kompakter Schreibweise, mindestens 0 Dezimalstellen, höchstens 2 Dezimalstellen, automatische Rundung und Nutzung der Intl.NumberFormat-Implementierung des Browsers

Beispiel:

- locale='zh-CN': 749740.264 → 74.45万

- locale='en-US': 749740.264 → 744.5K

Benutzerdefinierte Zahlenformatierung für Kennzahlen; wird automatisch auf Labels und Tooltips angewendet

Hinweis: Für benutzerdefinierte Formatierung muss autoFormat=false explizit gesetzt werden; andernfalls überschreibt autoFormat diese Konfiguration

Zahlenformattyp, unterstützt: number (Dezimalzahl), percent (%), permille (‰), wissenschaftliche Notation

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix der Zahlenformatierung

Präfix der Zahlenformatierung

Dezimalstellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumFractionDigits und maximumFractionDigits des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen für die Zahlenformatierung; verwendet Intl.NumberFormat minimumSignificantDigits und maximumSignificantDigits des Browsers; höhere Priorität als fractionDigits

Rundungspriorität für die Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingPriority

Rundungsmodus für die Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie Intl.NumberFormat roundingMode

Skalenlabels der X-Achse

Ob Labels sichtbar sind

Labelfarbe

Label-Schriftgroesse

Label-Schriftstaerke

Label-Drehwinkel

X-Achsenlinie

Ob Labels sichtbar sind

Achsenlinienfarbe

Strichbreite

X-Achsen-Ticks

Ob Labels sichtbar sind

Ob Ticks nach innen zeigen

Tick-Farbe

Tick-Groesse

X-Achsentitel

Ob Labels sichtbar sind

Titeltext; folgt standardmaessig der Feldkonfiguration

Titelfarbe

Titel-Schriftgroesse

Titel-Schriftstaerke

Enthalt die integrierten Themes light und dark. Benutzerdefinierte Themes konnen uber registerTheme hinzugefugt werden.

selector = [{ profit: 100 }, { profit: 200 }]

• not in: Wählt Datenelemente aus, bei denen der Dimensionenfeldwert nicht im value-Array enthalten ist.

Unterstutzt globale Stile oder bedingte Stilkonfigurationen.

X-Achsen-Animationskonfiguration

value: [100, 300]

}

Vertikale Hilfslinie

Vertikale Hilfslinie, die angezeigt wird, wenn die Maus ueber das Diagramm bewegt wird.

Crosshair-Konfiguration zum Anzeigen von Crosshair-Linien (Hilfslinien) im Diagramm.

Ob die Achse sichtbar ist

Farbe der Crosshair-Linie

Label-Schriftfarbe

Ob das Label der Crosshair-Linie angezeigt wird

Label-Hintergrundfarbe

Theme-Konfiguration

Theme

Es gibt die integrierten Themes light und dark; neue Themes können über registerTheme als eigene Themes definiert werden.

Punktmarkierungs-Stilkonfiguration, mit der Farbe, Rahmen und zugehörige Einstellungen der Punktmarkierung definiert werden.

Unterstützt globale Stilkonfiguration oder bedingte Stilkonfiguration

Datenfilter

• not in: Wählt Datenelemente aus, bei denen der Dimensionenfeldwert nicht im value-Array enthalten ist.

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Dynamischer Filter (Ausführung von KI-generiertem Code)

Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code.

Kernfunktionen:

• Unterstützt beliebig komplexe Datenfilterbedingungen

• Verwendet integrierte Hilfsfunktionen für Datenoperationen

• Führt sicher in der Browserumgebung aus (Web-Worker-Sandbox)

Umgebungsanforderung: Nur Browserumgebungen werden unterstützt; Node.js-Umgebungen verwenden fallback

Hinweis: selector und dynamicFilter können nicht gleichzeitig verwendet werden; dynamicFilter hat höhere Priorität

Konfiguration des dynamischen Diagrammfilters

Filtert Diagrammmarkierungen (Flächen, Punkte usw.) über KI-generierten JavaScript-Code

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

KI-generierter JavaScript-Filtercode

• Es dürfen nur integrierte Hilfsfunktionen verwendet werden (zugänglich über _ oder R)

• Eingabeparameter: data (Array), jedes item enthält ein __row_index-Feld als Zeilennummer

• Muss ein Array aus Zeilenindex- und Feldkombinationen zurückgeben: Array<{ __row_index: number, field: string }>

• __row_index bezeichnet die Zeilennummer des ursprünglichen Datenelements, field das hervorzuhebende Feld

• Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

Fallback-Lösung, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Ausführungsergebnis des animierten Filters (Laufzeitfeld)

Wird während der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

Ob Punkte sichtbar sind

Punktgroesse

Punktgroesse

Farbe der Punktmarke

Farbe der Punktmarke

Deckkraft der Punktmarkenfarbe

Deckkraft der Punktmarkenfarbe

Rahmenfarbe der Punktmarke

Rahmenfarbe der Punktmarke

Rahmenbreite der Punktmarke

Rahmenbreite der Punktmarke

Rahmenstil der Punktmarke

Rahmenstil der Punktmarke

Konfiguration von Anmerkungspunkten. Definiert Diagramm-Anmerkungspunkte auf Basis ausgewählter Daten, einschließlich Position, Format, Stil und zugehöriger Einstellungen.

Label-Filterung; die Standardbeziehung zwischen Selektoren ist OR

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Gibt die measure id an, zu der der Annotationspunkt gehört. In Szenarien mit mehreren Kennzahlen kann sie mit selector kombiniert werden, um den Annotationspunkt der Zielkennzahl eindeutig zu lokalisieren.

Dynamischer Filter (Ausführung von KI-generiertem Code)

Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code.

Kernfunktionen:

• Unterstützt beliebig komplexe Datenfilterbedingungen

• Verwendet integrierte Hilfsfunktionen für Datenoperationen

• Führt sicher in der Browserumgebung aus (Web-Worker-Sandbox)

Umgebungsanforderung: Nur Browserumgebungen werden unterstützt; Node.js-Umgebungen verwenden fallback

Hinweis: selector und dynamicFilter können nicht gleichzeitig verwendet werden; dynamicFilter hat höhere Priorität

Konfiguration des dynamischen Diagrammfilters

Filtert Diagrammmarkierungen (Flächen, Punkte usw.) über KI-generierten JavaScript-Code

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

KI-generierter JavaScript-Filtercode

• Es dürfen nur integrierte Hilfsfunktionen verwendet werden (zugänglich über _ oder R)

• Eingabeparameter: data (Array), jedes item enthält ein __row_index-Feld als Zeilennummer

• Muss ein Array aus Zeilenindex- und Feldkombinationen zurückgeben: Array<{ __row_index: number, field: string }>

• __row_index bezeichnet die Zeilennummer des ursprünglichen Datenelements, field das hervorzuhebende Feld

• Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

Fallback-Lösung, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Ausführungsergebnis des animierten Filters (Laufzeitfeld)

Wird während der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

'red'

4

[2, 2]

0

Textausrichtung. In der Regel auf right setzen, damit der Text links vom Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'right', damit der Text links vom Annotationspunkt liegt

right: Text links vom Annotationspunkt, rechte Textkante am Annotationspunkt ausgerichtet

left: Text rechts vom Annotationspunkt, linke Textkante am Annotationspunkt ausgerichtet

center: Text zentriert auf dem Annotationspunkt

Vertikale Textausrichtung. In der Regel auf top setzen, damit der Text unter dem Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'top', damit der Text vollständig im sichtbaren Bereich angezeigt wird

top: Text unter dem Annotationspunkt, obere Textkante am Annotationspunkt ausgerichtet

middle: Text zentriert auf dem Annotationspunkt

bottom: Text über dem Annotationspunkt, untere Textkante am Annotationspunkt ausgerichtet

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Ob der Hintergrund sichtbar ist.

Pixelversatz des gesamten Annotationspunkts in X-Richtung. Liegt der Punkt links im Diagramm (Start der Kategorieachse), wird ein positiver Wert empfohlen; liegt er rechts (Ende der Kategorieachse), ein negativer Wert.

Negative Werte verschieben die gesamte Komponente nach links, z. B. verschiebt -10 Text und Hintergrund zusammen um 10 Pixel nach links

Positive Werte verschieben die gesamte Komponente nach rechts, z. B. verschiebt 10 Text und Hintergrund zusammen um 10 Pixel nach rechts

Annotationslinie für Dimensionswerte, vertikal angezeigt, mit konfigurierbarer Position und Stil

);

Dynamischer Filter (Ausführung von KI-generiertem Code)

Berechnet den Wert der Annotationslinie dynamisch über KI-generierten JavaScript-Code.

Geeignet, wenn die Position der Annotationslinie datenabhängig dynamisch bestimmt werden muss, z. B. Durchschnitt, Maximum, Quantil oder Geschäftslinie.

Nur Browserumgebungen werden unterstützt (Web Worker erforderlich).

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

- Eingabeparameter: data (Array), wobei jedes Element ein __row_index-Feld für die Zeilennummer enthält

- __row_index steht für die Zeilennummer des ursprünglichen Datenobjekts; field steht für das hervorzuhebende Feld

- Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

Fallback-Lösung, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

Ausführungsergebnis des animierten Filters (Laufzeitfeld)

Wird während der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

'red'

Ausgewahlte Dimensionenfeldwerte; unterstutzt Arrays.

4

[2, 2]

0

Textausrichtung. In der Regel auf right setzen, damit der Text links vom Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'right', damit der Text links vom Annotationspunkt liegt

right: Text links vom Annotationspunkt, rechte Textkante am Annotationspunkt ausgerichtet

left: Text rechts vom Annotationspunkt, linke Textkante am Annotationspunkt ausgerichtet

center: Text zentriert auf dem Annotationspunkt

Vertikale Textausrichtung. In der Regel auf top setzen, damit der Text unter dem Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'top', damit der Text vollständig im sichtbaren Bereich angezeigt wird

top: Text unter dem Annotationspunkt, obere Textkante am Annotationspunkt ausgerichtet

middle: Text zentriert auf dem Annotationspunkt

bottom: Text über dem Annotationspunkt, untere Textkante am Annotationspunkt ausgerichtet

Deckkraft der Markierungsbereichsfarbe

Rahmenfarbe des Anmerkungsbereichs.

Rahmenbreite des Anmerkungsbereichs.

Liniensegmentstil

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Numerische Anmerkungslinie, einschließlich Durchschnitts-, Maximum- und Minimumlinien. Sie wird horizontal angezeigt und kann nach Position und Stil konfiguriert werden. Verwenden Sie diese Konfiguration, um Anmerkungslinien für numerische Werte wie Durchschnittslinien zu zeichnen.

Fester Y-Wert zum Markieren einer horizontalen Linie. Wenn die Kategorieachse in Y-Richtung liegt, kann ein Dimensionswert eingegeben werden; bei einer numerischen Achse ein konkreter Zahlenwert.

Dynamischer Filter (Ausführung von KI-generiertem Code)

Berechnet den Wert der Annotationslinie dynamisch über KI-generierten JavaScript-Code.

Geeignet, wenn die Position der Annotationslinie datenabhängig dynamisch bestimmt werden muss, z. B. Durchschnitt, Maximum, Quantil oder Geschäftslinie.

Nur Browserumgebungen werden unterstützt (Web Worker erforderlich).

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

- Eingabeparameter: data (Array), wobei jedes Element ein __row_index-Feld für die Zeilennummer enthält

- __row_index steht für die Zeilennummer des ursprünglichen Datenobjekts; field steht für das hervorzuhebende Feld

- Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

Fallback-Lösung, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

Ausführungsergebnis des animierten Filters (Laufzeitfeld)

Wird während der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

'red'

Ausgewahlte Dimensionenfeldwerte; unterstutzt Arrays.

4

[2, 2]

0

Textausrichtung. In der Regel auf right setzen, damit der Text links vom Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'right', damit der Text links vom Annotationspunkt liegt

right: Text links vom Annotationspunkt, rechte Textkante am Annotationspunkt ausgerichtet

left: Text rechts vom Annotationspunkt, linke Textkante am Annotationspunkt ausgerichtet

center: Text zentriert auf dem Annotationspunkt

Vertikale Textausrichtung. In der Regel auf top setzen, damit der Text unter dem Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'top', damit der Text vollständig im sichtbaren Bereich angezeigt wird

top: Text unter dem Annotationspunkt, obere Textkante am Annotationspunkt ausgerichtet

middle: Text zentriert auf dem Annotationspunkt

bottom: Text über dem Annotationspunkt, untere Textkante am Annotationspunkt ausgerichtet

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Deckkraft der Markierungsbereichsfarbe

Deckkraft der Markierungsbereichsfarbe

Rahmenfarbe des Anmerkungsbereichs.

Rahmenbreite des Anmerkungsbereichs.

Liniensegmentstil

Strichelstil des Rahmens des Anmerkungsbereichs.

Primärfarbe für den Teil größer als der Markierungswert

0

Annotationsbereich

Annotationsbereich-Konfiguration, die anhand der ausgewaehlten Daten Position und Stil des Annotationsbereichs definiert.

Ob die Dimensionenverknupfung aktiviert wird, wenn im Diagramm Perspektive aktiviert ist oder Kennzahlen kombiniert sind.

return _.flatten(

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

'red'

2

4

[2, 2]

0

Textausrichtung. In der Regel auf right setzen, damit der Text links vom Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'right', damit der Text links vom Annotationspunkt liegt

right: Text links vom Annotationspunkt, rechte Textkante am Annotationspunkt ausgerichtet

left: Text rechts vom Annotationspunkt, linke Textkante am Annotationspunkt ausgerichtet

center: Text zentriert auf dem Annotationspunkt

Vertikale Textausrichtung. In der Regel auf top setzen, damit der Text unter dem Annotationspunkt erscheint und im sichtbaren Diagrammbereich bleibt

Empfohlen ist 'top', damit der Text vollständig im sichtbaren Bereich angezeigt wird

top: Text unter dem Annotationspunkt, obere Textkante am Annotationspunkt ausgerichtet

middle: Text zentriert auf dem Annotationspunkt

bottom: Text über dem Annotationspunkt, untere Textkante am Annotationspunkt ausgerichtet

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Farbe des Markierungsbereichs

Deckkraft der Markierungsbereichsfüllung

Rahmenfarbe des Markierungsbereichs

Rahmenbreite des Markierungsbereichs

Eckenradius des Markierungsbereichsrahmens

Linienstil des Markierungsbereichsrahmens

Randabstand des Markierungsbereichs

Language

Sprachkonfiguration des Diagramms. Unterstützt 'zh-CN' und 'en-US'; zusätzlich kann die Sprache über intl.setLocale('zh-CN') gesetzt werden