#BarParallel

Das parallele Balkendiagramm eignet sich für horizontale Parallelvergleiche mehrerer Kennzahlen; mehrere Balken werden parallel angeordnet, um unterschiedliche Kennzahlwerte darzustellen.

Anwendungsszenarien:

• Vergleich mehrerer Kennzahlen bei langen Kategorienamen.

• Horizontaler Vergleich, der Rangfolge und Werte gleichzeitig zeigt.

• Parallele Analyse mehrdimensionaler Daten.

Das parallele Balkendiagramm eignet sich für horizontale Parallelvergleiche mehrerer Kennzahlen.

Datenquelle: ein aggregierter Datensatz gemäß TidyData-Spezifikation, der Datenquelle und Struktur des Diagramms definiert. Benutzer müssen den Datensatz nicht vorverarbeiten; VSeed übernimmt die Umformung automatisch. Daten paralleler Balkendiagramme werden letztlich in 2 Dimensionen und 1 Kennzahl umgewandelt.

Dimensionen: Die erste Dimension wird der Y-Achse zugeordnet. Übrige 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

- yAxis: unterstützt die Zuordnung mehrerer Dimensionen zur Y-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 Beschriftungskanal

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

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

Kennzahlen: Kennzahlen paralleler Balkendiagramme werden automatisch zu einer Kennzahl zusammengeführt und der X-Achse zugeordnet. Wenn mehrere Kennzahlen vorhanden sind, werden Kennzahlnamen 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

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

- detail: Kennzahl, die dem Detailkanal zugeordnet wird

- color: Kennzahl, die dem Farbkanal zugeordnet wird

- label: dem label-Kanal zugeordnete Kennzahl

- tooltip: dem tooltip-Kanal zugeordnete Kennzahl

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. Standardmäßig transparenter Hintergrund. 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)').

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

Beschriftungskonfiguration zur Definition der Datenlabels des Diagramms, 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

Legendenkonfiguration zur Definition der Diagrammlegende, einschliesslich 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.

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 die Balken-/Saeulendiagramm-Animation aktiviert ist

Bar/column chart animation parameters

Ob die Achse umgekehrt angezeigt wird; gilt nur für numerische Achsen.

Label color

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Bar/column chart update animation configuration

Aktualisierungseffekte für Balken-/Säulendiagramme, unterstützt Wachstums- und Hereinbewegungsanimationen

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

- 1234.5678 wird zu 1234.57, fractionDigits:2 (roundingMode:halfCeil) konvertiert

Ob Loop-Animation aktiviert ist

Intervall der Loop-Animation in Millisekunden

- 1234.5678 wird zu 1234.57, fractionDigits:2 (roundingMode:halfCeil) konvertiert

- 1234.5678 wird zu 1230, significantDigits:3 (roundingPriority:lessPrecision) konvertiert

Ob die aktuelle Animationsphase aktiviert ist

Easing-Funktion der Animation

Animationsdauer in Millisekunden

Animations-Highlight- oder Atmosphärenfarbe

Bar/column chart atmosphere animation configuration

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

Axis line width

X-axis ticks

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

Base of the logarithmic axis; only applies to numeric axes

Ob Achsen-Tick-Intervalle automatisch für besser lesbare Tick-Labels angepasst werden. Diese Option ist deaktiviert, wenn min und max konfiguriert sind, und gilt nur für numerische Achsen.

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: decimal, percent (%), permille (‰), wissenschaftliche Notation

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

Zahlenformatsymbol, z. B. %, ‰

Thousands separator for numeric formatting

Tausendertrennzeichen für Zahlenformatierung

Präfix des Zahlenformats

Präfix der Zahlenformatierung

Significant digits for numeric formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits.

Rounding priority when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority.

Rounding mode for numeric formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode.

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.

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

value: [100, 300]

}

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

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.

Achsenbeschriftung automatisch ausblenden. Wenn sich zwei Beschriftungen überlappen (Abstand kleiner als autoHideGap), wird die überlappende Beschriftung automatisch ausgeblendet. Nur für Kategorieachsen wirksam.

Intervall für automatisches Ausblenden von Achsenbeschriftungen. Wenn der Abstand zwischen zwei Textbeschriftungen kleiner als autoHideGap ist, wird die überlappende Beschriftung automatisch ausgeblendet. Nur für Kategorieachsen wirksam.

Wenn autoHide aktiviert ist, wird autoHide verwendet und über autoHideSeparation festgelegt

Wenn autoHide deaktiviert ist, wird Sampling verwendet und über minGap festgelegt

Achsenbeschriftung automatisch drehen. Wenn die Beschriftungsbreite die Achsenlänge überschreitet, wird die Beschriftung automatisch gedreht. Nur für Kategorieachsen wirksam.

Winkelbereich für automatische Drehung der Achsenbeschriftung. Wenn automatische Drehung aktiviert ist, definiert dies den Drehwinkelbereich der Beschriftung. Nur für Kategorieachsen wirksam.

Automatische Längenbegrenzung der Achsenbeschriftung. Wenn die Beschriftungsbreite die Achsenlänge überschreitet, wird der überstehende Teil mit Auslassungspunkten angezeigt und beim Hover vollständig sichtbar. Nur für Kategorieachsen wirksam.

Maximum length for axis label auto-limit. When label text exceeds this length, overflow is shown with ellipsis and the full label is visible on hover. Only applies to category axes.

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]

}

selector = { profit: 100 }

selector = {

Operator

operator: 'between'

Operator

Ob das Rechteckbereich-Label des Crosshairs angezeigt wird

- Supports arbitrarily complex data filtering conditions

Bar chart stacked corner radius

Implementiert die Filterung von Diagrammmarkierungen (Balken, Punkte usw.) über AI-generierten JavaScript-Code.

Distance between rectangles in the same category. It can be a pixel value or a percentage string.

Y-Achsen-Sortierkonfiguration; unterstützt Sortierung nach Dimensionen oder Kennzahlen sowie benutzerdefinierte Sortierreihenfolgen

Kategorieachsen-Sortierkonfiguration; unterstützt Sortierung nach Dimensionen oder Kennzahlen sowie benutzerdefinierte Sortierreihenfolgen

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 Konfigurationen fuer alle Diagrammtypen sowie Diagrammkonfigurationen innerhalb einer einzelnen Diagrammkategorie. Die integrierten Themen light und dark sind verfuegbar; Benutzer koennen Themen ueber Builder anpassen.

Thema

Die integrierten Themen light und dark sind verfuegbar; neue Themen koennen ueber registerTheme angepasst werden.

Rechteck-Mark-Stil. Balkendiagramm-Stilkonfiguration zum Definieren von Balkenfarbe, Rahmen, Eckenradius und verwandten Einstellungen.

Unterstuetzt globale Stile oder bedingte Stilkonfigurationen.

Datenfilter

Wenn selector konfiguriert ist, stehen vier Datenabgleichsarten zur Verfuegung: numerischer selector, lokaler Daten-selector, bedingter Dimensions-selector und bedingter Kennzahl-selector.

Wenn selector nicht konfiguriert ist, gilt der Stil global.

Datenselektor

Wenn selector konfiguriert ist, stehen vier Arten des Datenabgleichs zur Verfügung: numerischer selector, Teildaten-selector, bedingter Dimensionen-selector und bedingter Kennzahl-selector

Wenn selector nicht konfiguriert ist, wirkt der Stil global.

Dimensionsfeld, id eines Eintrags in dimensions

Operator

• in: Waehlt Datenobjekte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Waehlt Datenobjekte aus, deren Dimensionsfeldwert nicht in value enthalten ist :::

#op

Type: "in" | "not in" | undefined

:::note{title=Beschreibung} Operator

• in: Waehlt Datenobjekte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Waehlt Datenobjekte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Identisch mit operator

Waehlt Dimensionsfeldwerte in Datenobjekten aus; unterstuetzt Arrays

return _.flatten(

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

- in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds in value enthalten ist

- not in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds nicht in value enthalten ist

- Supports arbitrarily complex data filtering conditions.

- in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds in value enthalten ist

- not in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds nicht in value enthalten ist

Environment Requirements: Supports browser environment only; Node.js environment will use fallback.

Wert des Dimensionsfelds, unterstützt Arrays

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

Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code

Geeignet für Szenarien, die mit statischen Selektoren schwer auszudrücken sind, z. B. Top N, statistische Analyse und komplexe Bedingungen.

- Verwendet integrierte Hilfsfunktionen für Datenoperationen

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

Umgebungsanforderungen: Unterstützt nur die Browserumgebung; in Node.js wird ein Fallback verwendet

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

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

Implementiert das Filtern von Diagramm-Markern (Balken, Punkte usw.) über KI-generierten JavaScript-Code

Fallback strategy when code execution fails or the environment is not supported.

- Es dürfen nur integrierte Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

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

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

- __row_index steht für die Zeilennummer des ursprünglichen Datenelements, field für das hervorzuhebende Feld

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

Hervorheben des sales-Felds für Datenelemente mit sales größer als 1000

Hervorheben des Datenelements mit der höchsten Gewinnmarge in jedem Bereich

const profitRate = item.profit / item.sales;

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

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

Wird in der prepare()-Phase geschrieben und ist zur Laufzeit schreibgeschützt

- in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds in value enthalten ist

- not in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds nicht in value enthalten ist

Farbdeckkraft des Balkenelements (Rechteckelement)

Border color of the bar mark (rectangle mark)

- in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds in value enthalten ist

- not in: Wählt Datenelemente aus, deren Wert des Dimensionsfelds nicht in value enthalten ist

Eckenradius des Balkenelements (Rechteckelement)

Strichdeckkraft des Balkenelements (Rechteckelement)

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

'red'

);

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)

KI-generierter JavaScript-Filtercode

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

- Eingabeparameter: data (Array)

- Muss einen einzelnen numerischen Wert oder String zurückgeben: number | string

- Geeignete Szenarien: dynamische Werte für Annotationslinien (horizontal oder vertikal)

- 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

Anmerkungslinie für Dimensionswerte, die horizontal angezeigt wird. Position, Stil und zugehörige Einstellungen der Anmerkungslinie können konfiguriert werden.

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)

KI-generierter JavaScript-Filtercode

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

- Eingabeparameter: data (Array)

- Muss einen einzelnen numerischen Wert oder String zurückgeben: number | string

- Geeignete Szenarien: dynamische Werte für Annotationslinien (horizontal oder vertikal)

- 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-Konfiguration. Definiert anhand der ausgewählten Daten die Annotationsbereiche im Diagramm, einschließlich Position, Stil usw.

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

Difference annotation line configuration, used to bind two data anchors and display an absolute or percentage difference.

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

Sprachkonfiguration des Diagramms. Unterstützt 'zh-CN' und 'en-US'. Die Sprache kann auch über intl.setLocale('zh-CN') gesetzt werden