#Scatter

Streudiagramm, geeignet zur Darstellung der Datenverteilung; Punktpositionen repräsentieren Datenwerte

Anwendungsszenarien:

• Verteilungsmerkmale wie zentrale Tendenz, Streuungsbereich und Ausreißer analysieren

Streudiagramm

Streudiagramm, geeignet zur Darstellung der Datenverteilung; Punktpositionen repräsentieren Datenwerte

Dataset

TidyData-konformes und bereits aggregiertes Dataset zur Definition von Datenquelle und Struktur des Diagramms. Eingabedaten müssen nicht manuell verarbeitet werden; VSeed führt die Datenumformung automatisch aus. Streudiagrammdaten werden letztlich in 2 Dimensionen und 1 Kennzahl umgewandelt.

Dimensionen

Die erste Dimension im Streudiagramm wird der X-Achse zugeordnet; die übrigen Dimensionen werden bei mehreren Kennzahlen mit den Kennzahlnamen zusammengeführt und als Legendeneinträge angezeigt

Feld-ID der Dimension

Dimensionsalias

Datumsformat-Konfiguration der Dimension

Zeitgranularität, bestimmt die Genauigkeit der Datumsanzeige

Kanal, dem die Dimension zugeordnet wird

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

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

- tooltip: unterstützt das Zuordnen mehrerer Dimensionen zum Tooltip-Kanal

- label: unterstützt das Zuordnen mehrerer Dimensionen zum Beschriftungskanal

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

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

Kennzahlen des Streudiagramms

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

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

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

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)')

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

Animationskonfiguration

Diagrammanimationskonfiguration; verfügbare Effekte werden durch den Diagrammtyp eingeschränkt

Ob Linien-/Flächendiagramm-Animation aktiviert ist

Animationsparameter des Streudiagramms

Konfiguration der Eintrittsanimation des Streudiagramms

Eintrittseffekte des Streudiagramms, unterstützen Wachstums- und Skalierungsanimationen

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Konfiguration der Aktualisierungsanimation des Streudiagramms

Aktualisierungseffekte für Linien-/Flächendiagramme, unterstützt Wachstumsanimation

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Konfiguration der Schleifenanimation des Streudiagramms

Ob Loop-Animation aktiviert ist

Intervall der Loop-Animation in Millisekunden

Konfiguration der Schleifenanimation des Streudiagramms

Schleifeneffekt des Streudiagramms

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Atmosphärenanimation für Linien-/Flächendiagramme

Easing-Funktion der Atmosphärenanimation

Farbe der Atmosphärenanimation

Atmosphärenanimationseffekt, unterstützt Ripple-, Sichtbarkeits- und Atemeffekte

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

Diagramm-Theme. Themes sind Konfigurationen mit niedrigerer Priorität und enthalten allgemeine Einstellungen für alle Diagrammtypen sowie Einstellungen, die innerhalb einer Diagrammklasse gemeinsam genutzt werden.

Die integrierten Themes light und dark sind verfügbar; Benutzer können über den Builder eigene Themes definieren.

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

Lineare Regressionslinie

Konfiguration der linearen Regressionslinie, einschließlich Linienstil und zugehöriger Einstellungen.

Ob aktiviert

Farbe der Regressionslinie

Legt die Farbe der Regressionslinie fest. Wenn nicht gesetzt, wird standardmäßig die Primärfarbe des Diagramms verwendet.

Breite der Regressionslinie

Legt die Breite der Regressionslinie in Pixeln fest. Der Standardwert ist 1.

Stil der Regressionslinie

Legt den Stil der Regressionslinie fest, z. B. durchgezogen oder gestrichelt. Standard ist durchgezogen.

Beschriftungstext der Regressionslinie

Legt den Beschriftungstext der Regressionslinie fest. Eine leere Zeichenfolge bedeutet, dass keine Beschriftung angezeigt wird.

4

[2, 2]

0

Ob das Konfidenzintervall angezeigt wird

Einstellung des Konfidenzintervallwerts. Das Standard-Konfidenzniveau beträgt 95 %.

Farbe des Konfidenzintervalls

Deckkraft des Konfidenzintervalls

Graphic blur effect strength

Schattenfarbe der Grafik

Horizontal shadow offset distance

Vertical shadow offset distance

Konfigurationselement für lokal gewichtete Regressionslinie

Konfiguration der lokal gewichteten Regressionslinie, einschließlich Linienstil und zugehöriger Einstellungen.

Ob aktiviert

Farbe der Regressionslinie

Legt die Farbe der Regressionslinie fest. Wenn nicht gesetzt, wird standardmäßig die Primärfarbe des Diagramms verwendet.

Breite der Regressionslinie

Legt die Breite der Regressionslinie in Pixeln fest. Der Standardwert ist 1.

Stil der Regressionslinie

Legt den Stil der Regressionslinie fest, z. B. durchgezogen oder gestrichelt. Standard ist durchgezogen.

Beschriftungstext der Regressionslinie

Legt den Beschriftungstext der Regressionslinie fest. Eine leere Zeichenfolge bedeutet, dass keine Beschriftung angezeigt wird.

4

[2, 2]

0

Ob das Konfidenzintervall angezeigt wird

Einstellung des Konfidenzintervallwerts. Das Standard-Konfidenzniveau beträgt 95 %.

Farbe des Konfidenzintervalls

Deckkraft des Konfidenzintervalls

Polynomiale Regressionslinie

Konfiguration der polynomialen Regressionslinie, einschließlich Polynomordnung, Linienstil und zugehöriger Einstellungen.

Ob aktiviert

Farbe der Regressionslinie

Legt die Farbe der Regressionslinie fest. Wenn nicht gesetzt, wird standardmäßig die Primärfarbe des Diagramms verwendet.

Grad der polynomialen Regression

Breite der Regressionslinie

Legt die Breite der Regressionslinie in Pixeln fest. Der Standardwert ist 1.

Stil der Regressionslinie

Legt den Stil der Regressionslinie fest, z. B. durchgezogen oder gestrichelt. Standard ist durchgezogen.

Beschriftungstext der Regressionslinie

Legt den Beschriftungstext der Regressionslinie fest. Eine leere Zeichenfolge bedeutet, dass keine Beschriftung angezeigt wird.

4

[2, 2]

0

Ob das Konfidenzintervall angezeigt wird

Einstellung des Konfidenzintervallwerts. Das Standard-Konfidenzniveau beträgt 95 %.

Farbe des Konfidenzintervalls

Deckkraft des Konfidenzintervalls

Logistische Regressionslinie

Konfiguration der logistischen Regressionslinie, einschließlich Linienstil und zugehöriger Einstellungen.

Ob aktiviert

Farbe der Regressionslinie

Legt die Farbe der Regressionslinie fest. Wenn nicht gesetzt, wird standardmäßig die Primärfarbe des Diagramms verwendet.

Breite der Regressionslinie

Legt die Breite der Regressionslinie in Pixeln fest. Der Standardwert ist 1.

Stil der Regressionslinie

Legt den Stil der Regressionslinie fest, z. B. durchgezogen oder gestrichelt. Standard ist durchgezogen.

Beschriftungstext der Regressionslinie

Legt den Beschriftungstext der Regressionslinie fest. Eine leere Zeichenfolge bedeutet, dass keine Beschriftung angezeigt wird.

4

[2, 2]

0

Ob das Konfidenzintervall angezeigt wird

Einstellung des Konfidenzintervallwerts. Das Standard-Konfidenzniveau beträgt 95 %.

Farbe des Konfidenzintervalls

Deckkraft des Konfidenzintervalls

Ob die Dimensionsverknüpfung aktiviert wird, wenn Pivot oder Kennzahlgruppierung im Diagramm aktiviert ist

Beim Hover über einen Dimensionswert werden Daten mit demselben Dimensionswert in anderen Diagrammen hervorgehoben

Konfiguration der Dimensionenverknüpfung für Pivot-Diagramme

Ob die Dimensionenverknüpfung für Pivot-Diagramme aktiviert wird

Ob Tooltip-Informationen für die Unterdiagramme aller entsprechenden Dimensionen angezeigt werden

Ob das zum crosshair gehörende Label angezeigt wird

Language

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