#Line

Liniendiagramm, geeignet zur Darstellung von Trends über Zeit oder geordnete Kategorien, indem Datenpunkte mit Liniensegmenten verbunden werden.

Anwendungsszenarien:

- Darstellung von Trends in Zeitreihendaten

- Vergleich von Trends über mehrere Datenserien hinweg

- Analyse von Wachstums- oder Rückgangsmustern in Daten

Liniendiagramm, geeignet zur Darstellung von Trends über Zeit oder geordnete Kategorien

Datensatz

Ein aggregierter Datensatz gemäß TidyData-Spezifikation. Er definiert Datenquelle und Struktur des Diagramms. Benutzereingaben müssen nicht vorverarbeitet werden, da VSeed die Daten automatisch umformt. Daten für Flächendiagramme werden schließlich in zwei Dimensionen und eine Kennzahl umgewandelt.

Dimensionen

Die erste Dimension wird der X-Achse zugeordnet; weitere 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

- xAxis: unterstützt die Zuordnung mehrerer Dimensionen zur X-Achse

- 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 Label-Kanal

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

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

Kennzahlen

Kennzahlen im Flächendiagramm werden automatisch zu einer Kennzahl zusammengeführt und der Y-Achse zugeordnet. Kennzahlnamen werden mit anderen Dimensionen zusammengeführt und als Legendeneinträge angezeigt.

Kennzahl-ID, muss eindeutig sein

Kennzahlalias, Duplikate sind erlaubt; wenn nicht gesetzt, entspricht der Alias standardmäßig der id

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

- yAxis: Kennzahl wird der Y-Achse zugeordnet

- detail: Kennzahl, die dem Detailkanal zugeordnet wird

- color: measure wird dem Farbkanal zugeordnet

- label: measure wird dem label-Kanal zugeordnet

- tooltip: measure wird dem tooltip-Kanal zugeordnet

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

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

Ob Labelwerte automatisch formatiert werden; wenn autoFormat true ist, wird die numFormat-Konfiguration ignoriert

Formatkonfiguration für Labelwerte; wird mit format in measure zusammengeführt, wobei format in measure höhere Priorität hat. numFormat hat niedrigere Priorität als autoFormat

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.

Legenden-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

Innenabstand des Plotbereichs

Wird VChart region[0].padding zugeordnet und reserviert Platz für Elemente wie Annotationen und Labels, die über den Plotbereich hinausragen.

Tooltips

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

Ob Tooltip aktiviert ist

Diagramm-Brush-Konfiguration

Ob 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 nicht ausgewählter Datenpunkte, Wertebereich 0-1

Konturfarbe

Strichbreite

Animationskonfiguration

Diagramm-Animationskonfiguration; verfügbare Effekte hängen vom Diagrammtyp ab

Ob Linien-/Flächendiagramm-Animation aktiviert ist

Animationsparameter für Linien-/Flächendiagramme

Erscheinungsanimation für Linien-/Flächendiagramme

Erscheinungseffekte für Linien-/Flächendiagramme, unterstützt Lade- und Wachstumsanimationen

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Aktualisierungsanimation für Linien-/Flächendiagramme

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

Loop-Animation für Linien-/Flächendiagramme

Ob Loop-Animation aktiviert ist

Intervall der Loop-Animation in Millisekunden

Loop-Animation für Linien-/Flächendiagramme

Loop-Effekt für Linien-/Flächendiagramme

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-Achse

Kategorieachse. X-Achsen-Konfiguration zur Definition von Position, Format, Stil und zugehörigen Einstellungen.

Ob die Achse sichtbar ist

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.

Achsenlabel automatisch ausblenden: Ueberlappen zwei Labels, wird das ueberlappende Label automatisch ausgeblendet. Nur fuer Kategorieachsen wirksam.

Intervall fuer automatisches Ausblenden von Achsenlabels: Ist der Abstand zwischen zwei Textlabels kleiner als autoHideGap, wird das ueberlappende Label automatisch ausgeblendet. Nur fuer Kategorieachsen wirksam.

Wenn autoHide aktiviert ist, wird autoHide verwendet und ueber autoHideSeparation konfiguriert.

Wenn autoHide deaktiviert ist, wird Sampling verwendet und ueber minGap konfiguriert.

Achsenlabel automatisch drehen: Wenn die Labelbreite die Achsenlaenge ueberschreitet, wird das Label automatisch gedreht. Nur fuer Kategorieachsen wirksam.

Winkelbereich fuer die automatische Drehung von Achsenlabels. Nur fuer Kategorieachsen wirksam.

Achsenlabel automatisch begrenzen: Wenn die Labelbreite die Achsenlaenge ueberschreitet, wird der Ueberlauf mit Auslassungspunkten angezeigt; beim Hover ist das vollstaendige Label sichtbar. Nur fuer Kategorieachsen wirksam.

Maximale Laenge fuer die automatische Begrenzung von Achsenlabels: Wenn der Labeltext diese Laenge ueberschreitet, wird der Ueberlauf mit Auslassungspunkten angezeigt und beim Hover vollstaendig sichtbar. Nur fuer Kategorieachsen wirksam.

Skalenlabels der X-Achse

Ob Labels sichtbar sind

Labelfarbe

Label-Schriftgroesse

Label-Schriftstaerke

Label-Drehwinkel

X-Achsenlinie

Ob die Achsenlinie sichtbar ist

Achsenlinienfarbe

Achsenlinienbreite

X-Achsen-Ticks

Ob Ticks sichtbar sind

Ob Ticks nach innen zeigen

Tick-Farbe

Tick-Groesse

X-Achsentitel

Ob der Titel sichtbar ist

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.

Ob Tick-Labels der numerischen Achse automatisch formatiert werden. Gilt nur für numerische Achsen. Wenn autoFormat true ist, wird numFormat ignoriert.

Zahlenformatierung für numerische Achsen. Gilt nur für numerische Achsen und hat niedrigere Priorität als autoFormat.

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-Schriftgröße

Label-Schriftstärke

Rotationswinkel des Labels

X-Achsenlinie

- orderBy:'date'

}

- 100000 wird zu 10万 konvertiert, ratio:10000, symbol:"万"

order: 'asc',

Suffix des Zahlenformats

Ob Ticks nach innen zeigen

Legenden-Sortierkonfiguration; unterstutzt Sortierung nach Dimensionen oder Kennzahlen sowie benutzerdefinierte Sortierreihenfolgen; das sort-Array folgt der Reihenfolge von links nach rechts oder von oben nach unten.

Tick-Groesse

X-Achsentitel

- 1234.5678 wird zu 1234.6 konvertiert, significantDigits:5 (roundingMode:halfCeil)

Titeltext; folgt standardmaessig der Feldkonfiguration

- orderBy:'profit'

Benutzerdefinierte Sortierreihenfolge; diese Reihenfolge wird direkt auf die Legende angewendet. Aufsteigend folgt links-nach-rechts oder oben-nach-unten; absteigend folgt rechts-nach-links oder unten-nach-oben.

])

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.

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

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 Crosshair-Linie angezeigt wird

Farbe der Crosshair-Linie

Farbe der Crosshair-Linienbeschriftung

Ob das Label der Crosshair-Linie angezeigt wird

Hintergrundfarbe der Crosshair-Linienbeschriftung

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

Legendensortierung, unterstuetzt Sortierung nach Dimension oder Kennzahl sowie benutzerdefinierte Reihenfolge

Legendensortierung; das Sortierarray folgt der Reihenfolge von links nach rechts oder von oben nach unten.

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

Datenelement mit der höchsten Gewinnrate in jeder Region hervorheben

Benutzerdefinierte Reihenfolge, die direkt auf die Legende angewendet wird; aufsteigend von links nach rechts oder von oben nach unten, absteigend von rechts nach links oder von unten nach oben

Diagrammthema. Das Thema ist eine Funktionskonfiguration mit niedrigerer Prioritaet und enthaelt gemeinsame Einstellungen fuer alle Diagrammtypen sowie gemeinsame Einstellungen fuer eine Diagrammkategorie.

Es gibt zwei integrierte Themen: light und dark. Benutzer koennen Themen ueber Builder anpassen.

Thema

Die integrierten Themen light und dark sind verfuegbar; neue Themen koennen ueber registerTheme angepasst 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.

Geeignet für Top N, statistische Analysen, komplexe Bedingungen und andere Szenarien, die sich mit einem statischen selector nur schwer ausdrücken lassen.

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

Linienmarkierungs-Stilkonfiguration, mit der Farbe, Transparenz, Kurve und zugehörige Einstellungen der Linienmarkierung 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.

Geeignet für Top N, statistische Analysen, komplexe Bedingungen und andere Szenarien, die sich mit einem statischen selector nur schwer ausdrücken lassen.

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 Liniensegmente sichtbar sind

Ob Liniensegmente geglaettet werden

Farbe des Liniensegments

Deckkraft der Liniensegmentfarbe

Breite des Liniensegments

Liniensegmentstil

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

Selektor fuer Annotationspunkte, zum Auswaehlen von Datenpunkten.

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.

Geeignet für Top N, statistische Analysen, komplexe Bedingungen und andere Szenarien, die sich mit einem statischen selector nur schwer ausdrücken lassen.

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 nicht erforderlich

Empfohlen ist 'right', damit der Text links von der Annotationslinie liegt

right: Text links von der Referenzlinie, rechte Textkante an der vertikalen Annotationslinie ausgerichtet

left: Text rechts von der Referenzlinie, linke Textkante an der vertikalen Annotationslinie ausgerichtet

center: Text zentriert auf der Referenzlinie

middle: Text wird vertikal im Anmerkungsbereich zentriert.

Deckkraft der Markierungsbereichsfarbe

Rahmenfarbe des Anmerkungsbereichs.

Rahmenbreite des Anmerkungsbereichs.

Eckenradius des Rahmens des Anmerkungsbereichs.

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'

2

4

[2, 2]

0

Textausrichtung. In der Regel nicht erforderlich

Empfohlen ist 'right', damit der Text links von der Annotationslinie liegt

right: Text links von der Referenzlinie, rechte Textkante am Endpunkt der horizontalen Annotationslinie ausgerichtet

left: Text rechts von der Referenzlinie, linke Textkante am Endpunkt der horizontalen Annotationslinie ausgerichtet

center: Text zentriert auf der Referenzlinie

Vertikale Textausrichtung. In der Regel nicht erforderlich

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

top: Text unter der Referenzlinie, obere Textkante an der horizontalen Annotationslinie ausgerichtet

middle: Text zentriert auf der Referenzlinie

bottom: Text über der Referenzlinie, untere Textkante an der horizontalen Annotationslinie ausgerichtet

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Breite des Hintergrundrahmens

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Deckkraft der Markierungsbereichsfarbe

Deckkraft der Markierungsbereichsfarbe

Rahmenfarbe des Anmerkungsbereichs.

Rahmenbreite des Anmerkungsbereichs.

Eckenradius des Rahmens des Anmerkungsbereichs.

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

Konfiguration der polynomialen Regressionslinie, einschliesslich Polynomordnung, Stil der Regressionslinie usw.

Es wird empfohlen, 'center' zu setzen, damit der Text in der Mitte des Markierungsbereichs liegt

Ordnung der polynomialen Regression

Hintergrund sichtbar

Hintergrundfarbe

Textfarbe

Textfarbe

Breite des Hintergrundrahmens

Radius der Hintergrundrahmen-Ecken

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

Differenz-Annotationslinie

Zeichnet anhand zweier ausgewaehlter Datenpunkte eine Differenz-Annotationslinie und berechnet den Differenztext automatisch.

Startanker der Differenz-Annotationslinie.

Konfiguration des Differenzankers zum Auswaehlen der an Start- oder Endpunkt gebundenen Daten.

Ankerselektor, der letztlich einen logischen Anker lokalisieren muss.

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

Endanker der Differenz-Annotationslinie.

Konfiguration des Differenzankers zum Auswaehlen der an Start- oder Endpunkt gebundenen Daten.

Ankerselektor, der letztlich einen logischen Anker lokalisieren muss.

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

Differenzwerttyp.

• absolute: zeigt die absolute Differenz an, berechnet als end - start

• percent: zeigt die prozentuale Differenz an, berechnet als (end - start) / start :::

#textFontSize

Type: number | undefined

:::note{title=Beschreibung} Textschriftgröße.

Text color.

Texthintergrundfarbe.

Linienfarbe.

Linienstil.

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