#ColumnParallel

Gruppiertes Säulendiagramm, geeignet für parallele Vergleiche mehrerer Kennzahlen; mehrere Säulen werden nebeneinander angeordnet, um unterschiedliche Kennzahlwerte darzustellen

Geeignete Szenarien:

- Paralleler Vergleich mehrerer Kennzahlen unter derselben Dimension

- Horizontaler Vergleich mehrdimensionaler Daten

- Analyse von Beziehungen zwischen Kennzahlen

Gruppiertes Säulendiagramm, geeignet für parallele Vergleiche mehrerer Kennzahlen

Ein bereits aggregierter Datensatz im TidyData-Format, der Datenquelle und Struktur des Diagramms definiert. Der vom Benutzer eingegebene Datensatz muss nicht vorverarbeitet werden. VSeed verfügt über leistungsstarke Data-Reshape-Funktionen und führt die Datenumformung selbst aus; die Daten des Säulendiagramms werden am Ende in 2 Dimensionen und 1 Kennzahl umgewandelt.

Die erste Dimension des Säulendiagramms 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 Anzeigegenauigkeit des Datums

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 Beschriftungskanal

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

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

Alle Kennzahlen des Säulendiagramms werden automatisch zu einer Kennzahl zusammengeführt und der Y-Achse zugeordnet. Bei mehreren Kennzahlen werden Kennzahlnamen mit anderen Dimensionen zusammengeführt und als Legendeneinträge angezeigt.

Kennzahl-ID, muss eindeutig sein

Kennzahl-Alias; Duplikate sind zulässig. Wenn nicht gesetzt, ist alias gleich id

Automatische Zahlenformatierung, standardmäßig aktiviert und mit höchster Priorität

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

Wenn aktiviert, wählen Datenbeschriftungen und Tooltips des Diagramms automatisch eine passende Formatierung anhand von Kennzahlwerten und Locale

Formatierungsregeln: Dezimalzahlen mit aktivierter compact notation, mindestens 0 und höchstens 2 Nachkommastellen, automatische Rundung, implementiert über Intl.NumberFormat 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 label und tooltip angewendet

Hinweis: Um benutzerdefinierte Formatierung zu verwenden, 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 des Zahlenformats

Präfix der Zahlenformatierung

Nachkommastellen der Zahlenformatierung, verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen der Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat des Browsers; höhere Priorität als fractionDigits

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

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

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

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Tausendertrennzeichen für Zahlenformatierung

Suffix des Zahlenformats

Präfix der Zahlenformatierung

Nachkommastellen der Zahlenformatierung, verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen der Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat des Browsers; höhere Priorität als fractionDigits

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

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

Kanal, dem die Kennzahl zugeordnet wird

- yAxis: Kennzahl, die der Y-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

In der flachen Kennzahlenkonfiguration wird eine baumförmige Kennzahlgruppe aufgebaut. parentId verweist auf die id der übergeordneten Kennzahlgruppe und dient zum Aufbau des Kennzahlbaums

Paginierungskonfiguration, mit der der Feldname für die Paginierung angegeben wird; dieser muss eine Dimension sein.

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

Aktueller Paginierungswert; gibt den Wert an, mit dem die aktuelle Seite bestimmt wird..

Die Hintergrundfarbe des Diagramms. Die Hintergrundfarbe kann als Farbzeichenfolge angegeben werden und ist standardmäßig transparent, z. B. 'red' oder 'blue'. Auch hex, rgb oder rgba wie '#ff0000' und 'rgba(255,0,0,0.5)' werden unterstützt.

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

Diskretes Farbschema zur Definition der Farben verschiedener Elemente im Diagramm.

Linearer Farbverlauf zur Definition der Farben verschiedener Elemente im Diagramm.

Farbzuordnung zur Abbildung von Datenwerten auf bestimmte Farben.

Konfiguration für positive/negative Farben; definiert die Farbe positiver Werte im Diagramm

Konfiguration für positive/negative Farben; 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 Beschriftungen in die nächste Zeile umbrechen

Ob Labels Kennzahlwerte anzeigen..

In Szenarien mit mehreren Kennzahlen gibt es keine Konflikte zwischen Werten, da alle zeichnungsrelevanten Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl für einen einzelnen Datenpunkt zusammengeführt werden

Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration beeinflusst das label in encoding nicht

Ob Labels Kennzahlwerte anzeigen. as percentages.

In Szenarien mit mehreren Kennzahlen gibt es keine Konflikte zwischen Werten, da alle zeichnungsrelevanten Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl für einen einzelnen Datenpunkt zusammengeführt werden

Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration beeinflusst das label in encoding nicht

Ob Labels Dimensionslabels anzeigen..

Displays all dimension labels.

Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration beeinflusst das label in encoding nicht

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

Formatkonfiguration für Beschriftungswerte; 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 des Zahlenformats

Präfix der Zahlenformatierung

Nachkommastellen der Zahlenformatierung, verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen der Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat des Browsers; höhere Priorität als fractionDigits

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

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

Schriftgröße der Beschriftung

Schriftstärke der Beschriftung

Label-Hintergrundfarbe

Label-Strichfarbe

Label-Schriftfarbe

Ob die Label-Schriftfarbe anhand der Elementfarbe automatisch invertiert wird.

Labelposition

Ob die Anti-Überlappungsfunktion für Beschriftungen aktiviert ist

Label selection; conditions between selectors default to OR.

return _.flatten(

Operator

- 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

Operator

- 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

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

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

Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code

Core Capabilities:

- Unterstützt beliebig komplexe Datenfilterbedingungen

- 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

Dynamische Filterkonfiguration des Diagramms.

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

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

Von AI generierter JavaScript-Filtercode.

- 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

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

return _.flatten(

Operator

- 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

Operator

- 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

identisch mit operator

Wert des Dimensionsfelds, unterstützt Arrays

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

Legendenkonfiguration zum Definieren der Diagrammlegende, einschliesslich Position, Format und Stil.

Ob die Legendenfunktion aktiviert ist.

Ob der Legendenrahmen aktiviert ist..

legend font color

Pagination icon color.

Pagination icon disabled/grayed-out color.

Schriftgröße der Legende

legend font color

Schriftstärke der Legende

Legendenform

Legendenposition

Maximum number of columns or rows when there are many legend items.

If position is horizontal (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize controls the number of columns shown.

If position is vertical (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize controls the number of rows shown.

Tooltip-Konfiguration zum Definieren der Diagramm-Tooltips, einschliesslich Position, Format und Stil.

Brush selection

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

Ob Tooltip aktiviert ist

Definiert Form und Richtung des Auswahlbereichs.

- polygon: Polygon-Auswahl; durch Klicken mehrerer Punkte können beliebige Polygone zur Auswahl gezeichnet werden

- y: Y-axis brush; selects only in the Y-axis direction, unrestricted on the X-axis.

Definiert den Stil der ausgewählten Datenpunkte.

brushtype

Opacity

Deckkraft der ausgewählten Datenpunkte, Bereich 0-1

- polygon: Polygon-Brush-Auswahl; durch Klicken mehrerer Punkte wird ein beliebiges Polygon zur Auswahl gezeichnet

- x: Brush-Auswahl nur in X-Achsenrichtung; die Y-Achsenrichtung ist nicht eingeschränkt

- y: Brush-Auswahl in Y-Achsenrichtung; die X-Achsenrichtung ist nicht eingeschränkt

Deckkraft ausgewählter Datenpunkte, Bereich 0-1

Stil für nicht ausgewählte Datenelemente

Definiert den Stil von Datenpunkten außerhalb des ausgewählten Brush-Bereichs

- 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

Stil für nicht ausgewählte Datenelemente

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

Konfiguration der Kategorieachse (X-Achse), zur Definition der X-Achse des Diagramms einschließlich Position, Format, Stil usw.

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

Stil für nicht ausgewählte Datenelemente

Deckkraft der Datenpunkte außerhalb der Brush-Auswahl, Bereich 0-1

Konfiguration der Kategorieachse (X-Achse), zur Definition der X-Achse des Diagramms einschließlich Position, Format, Stil usw.

Strichbreite

Axis label, auto-hide interval; if the interval between two text labels is less than autoHideGap, the overlapping label is automatically hidden. Only effective for category axes.

When autoHide is disabled, use sampling, configured on minGap

Ob die Balken-/Saeulendiagramm-Animation aktiviert ist

Bar/column chart animation parameters

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

Eingangseffekt für Balken-/Säulendiagramme, unterstützt Wachstumsanimationen

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

Label-Schriftstärke

Zahlenformattyp, unterstützt: decimal, percent (%), permille (‰), wissenschaftliche Notation.

Zahlenformatverhältnis, darf nicht 0 sein.

Bar/column chart update animation configuration

Aktualisierungseffekt für Balken-/Säulendiagramme, unterstützt Wachstum und Hereinbewegen

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

Label-Schriftstärke

Zahlenformattyp, unterstützt: decimal, percent (%), permille (‰), wissenschaftliche Notation.

Zahlenformatverhältnis, darf nicht 0 sein.

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

Tick size

- 1234.5678 wird zu 1230, significantDigits:3 konvertiert

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

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

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

Label-Schriftstärke

Zahlenformattyp, unterstützt: decimal, percent (%), permille (‰), wissenschaftliche Notation.

Zahlenformatverhältnis, darf nicht 0 sein.

Bar/column chart atmosphere animation configuration

atmosphereanimationeasefunction

atmosphereanimationcolor

Atmosphere animation effect; supports ripple, fade, and breathe

X-Achsen-Kategorieachsenkonfiguration zur Definition der X-Achse des Diagramms einschließlich Position, Format, Stil und zugehöriger Einstellungen.

Achsenlinienfarbe

Animationskonfiguration der X-Achse

Konfiguration der numerischen Achse (Y-Achse), zur Definition der Y-Achse des Diagramms, einschließlich Position, Format, Stil usw.

Axis label auto-hide. If two labels overlap, with spacing smaller than autoHideGap, the overlapping label is hidden automatically. Only applies to category axes.

Axis label auto-hide gap. If the gap between two labels is smaller than autoHideGap, the overlapping label is hidden automatically. Only applies to category axes.

Y-axis, numeric axis, Y-axis configuration; defines the Y-axis of the chart, including its position, format, style, etc.

When autoHide is disabled, use sampling and configure it through minGap.

Axis label auto-rotation. When label width exceeds axis length, labels are rotated automatically. Only applies to category axes.

Axis label auto-rotation angle range. Used when auto-rotation is enabled. Only applies to category axes.

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

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.

- orderBy:'date'

Benutzerdefinierte Sortierreihenfolge, die direkt auf die Kategorieachse angewendet wird

Zahlenformatierung für numerische Achsen. Nur für numerische Achsen wirksam. Niedrigere Priorität als autoFormat.

Label-Schriftgröße

Schriftgröße der Beschriftung

Rotationswinkel der Beschriftung

X-Achsenlinie

Schriftstärke der Beschriftung

}

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

X-Achsenmarkierung

Suffix des Zahlenformats

Sortierreihenfolge; kann 'asc' oder 'desc' sein

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

X-Achsentitel

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

Titeltext. Standardmäßig folgt er der Feldkonfiguration.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

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

selector = 100

Typ der Gitterlinie

X-Achsen-Animationskonfiguration

value: [100, 300]

}

Y-Achsen-Konfiguration für numerische Achsen zur Definition der Y-Achse des Diagramms einschließlich Position, Format, Stil und zugehöriger Einstellungen.

Achsenlinienfarbe

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.

Animationskonfiguration der X-Achse

Konfiguration der numerischen Achse (Y-Achse), zur Definition der Y-Achse des Diagramms, einschließlich Position, Format, Stil usw.

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

Zahlenformatverhältnis, darf nicht 0 sein

Zahlenformatsymbol, z. B. %, ‰

Zahlenformatverhältnis, darf nicht 0 sein

Suffix des Zahlenformats

Zahlenformatsymbol, z. B. %, ‰

Decimal places for numeric formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits.

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

Nachkommastellen der Zahlenformatierung, verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat des Browsers; niedrigere Priorität als significantDigits

Signifikante Stellen der Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat des Browsers; höhere Priorität als fractionDigits

- orderBy:'date'

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

Zahlenformatierung für numerische Achsen. Nur für numerische Achsen wirksam. Niedrigere Priorität als autoFormat.

Label-Schriftgröße

Label-Schriftstärke

Rotationswinkel der Beschriftung

X-Achsenlinie

- orderBy:'date'

}

Schriftgröße der Beschriftung

X-Achsenmarkierung

Suffix des Zahlenformats

Sortierreihenfolge; kann 'asc' oder 'desc' sein

Legend sorting configuration; supports sorting based on dimensions or measures, as well as custom sorting orders; the sort array follows the order from left to right or top to bottom.

sortLegend: {

X-Achsentitel

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

Titeltext. Standardmäßig folgt er der Feldkonfiguration.

- orderBy:'profit'

Custom sorting order; this order will be directly applied to the legend. Ascending follows left-to-right or top-to-bottom; descending follows right-to-left or bottom-to-top.

Rectangle graphic element style

Includes built-in light and dark themes. Custom themes can be added via registerTheme.

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

selector = 100

Typ der Gitterlinie

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

value: [100, 300]

}

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

Diagramm-Theme. Theme ist eine Konfiguration mit niedrigerer Priorität und umfasst allgemeine Einstellungen für alle Diagrammtypen sowie spezifische Einstellungen einzelner Diagrammtypen. Integrierte Themes sind 'light' und 'dark'; Benutzer können Themes über den Builder anpassen.

const maxItems = _.map(grouped, group =>

Integrierte helle und dunkle Themes; neue Themes können über registerTheme angepasst werden.

Operator

Ob das Rechteckbereich-Label des Fadenkreuzes angezeigt wird

- Supports arbitrarily complex data filtering conditions

Gestapelter Eckenradius des Säulendiagramms

Maximum column width. It can be a pixel value or a percentage string.

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

Sortierkonfiguration der X-Achse; unterstützt Sortierung nach Dimensionen oder Kennzahlen sowie benutzerdefinierte Sortierreihenfolgen

Sortierkonfiguration der Kategorieachse; unterstützt Sortierung nach Dimensionen oder Kennzahlen sowie benutzerdefinierte Sortierreihenfolgen

])

Datenelement mit der höchsten Gewinnrate in jeder Region hervorheben

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

return _.map(filtered, item => ({

Chart dynamic filter configuration

])

Datenelement mit der höchsten Gewinnrate in jeder Region hervorheben

Custom sort order. The order is applied directly to the legend. Ascending order goes left-to-right or top-to-bottom; descending order goes right-to-left or bottom-to-top.

Diagramm-Theme. Das Theme ist eine Funktionskonfiguration mit niedrigerer Priorität und enthält gemeinsame Einstellungen aller Diagrammtypen sowie Einstellungen, die innerhalb einer einzelnen Diagrammkategorie geteilt werden. Eingebaute Themes umfassen light und dark; Benutzer können Themes über Builder anpassen.

Operator

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert NICHT in der Werteliste enthalten ist.

Stil der Rechteckmarke für Säulendiagramme, einschließlich Farbe, Rahmen und Rundung.

Unterstützt globale oder bedingte Stilkonfigurationen

Datenfilter

Wenn selector konfiguriert ist, stehen numerische, lokale Daten-, bedingte Dimensions- und bedingte Kennzahlen-Selektoren zur Verfügung

Ohne selector gilt der Stil global.

Datenselektor

Wenn selector konfiguriert ist, stehen numerische, lokale Daten-, bedingte Dimensions- und bedingte Kennzahlen-Selektoren zur Verfügung

Ohne selector gilt der Stil global.

Dimensionsfeld; die ID eines Eintrags in dimensions

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Entspricht operator

Wert des Dimensionsfelds im Datenpunkt; Arrays werden unterstützt

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

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

Geeignet für Top N, statistische Analysen, komplexe Bedingungen und andere Fälle, die mit statischen Selektoren schwer auszudrücken sind.

Kernfunktionen:

• Unterstützt beliebig komplexe Filterbedingungen

• Verwendet eingebaute Hilfsfunktionen für Datenoperationen

• Sichere Ausführung im Browser (Web-Worker-Sandbox)

Umgebung: Nur Browser werden unterstützt; in Node.js wird fallback verwendet.

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

Konfiguration des dynamischen Diagrammfilters

Filtert Diagrammmarken (Balken, Punkte usw.) per KI-generiertem JavaScript-Code

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

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

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

• __row_index ist die Zeilennummer des ursprünglichen Datenpunkts, field ist das hervorzuhebende Feld

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

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

Dimensionsfeld; die ID eines Eintrags in dimensions

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Entspricht operator

Wert des Dimensionsfelds im Datenpunkt; Arrays werden unterstützt

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

Ob die Balkenmarke (Rechteck) sichtbar ist

Farbe der Balkenmarke (Rechteck)

Deckkraft der Balkenmarkenfarbe (Rechteck)

Rahmenfarbe der Balkenmarke (Rechteck)

Rahmenbreite der Balkenmarke (Rechteck)

Rahmenstil der Balkenmarke (Rechteck)

Eckenradius der Balkenmarke (Rechteck)

Strichdeckkraft der Balkenmarke (Rechteck)

Konfiguration von Anmerkungspunkten; definiert anhand ausgewählter Daten Position, Format, Stil usw.

Selektor für den Anmerkungspunkt, um Datenpunkte auszuwählen.

Dimensionsfeld; die ID eines Eintrags in dimensions

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Entspricht operator

Wert des Dimensionsfelds im Datenpunkt; Arrays werden unterstützt

Gibt die Kennzahl-ID an, zu der der Anmerkungspunkt gehört. In Szenarien mit mehreren measures kann sie zusammen mit selector den Zielpunkt eindeutig lokalisieren.

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

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

Geeignet für Top N, statistische Analysen, komplexe Bedingungen und andere Fälle, die mit statischen Selektoren schwer auszudrücken sind.

Kernfunktionen:

• Unterstützt beliebig komplexe Filterbedingungen

• Verwendet eingebaute Hilfsfunktionen für Datenoperationen

• Sichere Ausführung im Browser (Web-Worker-Sandbox)

Umgebung: Nur Browser werden unterstützt; in Node.js wird fallback verwendet.

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

Konfiguration des dynamischen Diagrammfilters

Filtert Diagrammmarken (Balken, Punkte usw.) per KI-generiertem JavaScript-Code

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

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

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

• __row_index ist die Zeilennummer des ursprünglichen Datenpunkts, field ist das hervorzuhebende Feld

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

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

Dimensionsfeld; die ID eines Eintrags in dimensions

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Entspricht operator

Wert des Dimensionsfelds im Datenpunkt; Arrays werden unterstützt

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

Textinhalt

Textfarbe

Textschriftgröße

Textschriftstärke

Textausrichtung, normalerweise nicht erforderlich

Empfohlen ist right, damit der Text links der Anmerkungslinie steht

right: Text steht links der Referenzlinie, seine rechte Kante ist an der vertikalen Anmerkungslinie ausgerichtet

left: Text steht rechts der Referenzlinie, seine linke Kante ist an der vertikalen Anmerkungslinie ausgerichtet

center: Text steht in der Mitte der Referenzlinie

Vertikale Textausrichtung. Normalerweise top verwenden, damit der Text unter dem Anmerkungspunkt innerhalb des sichtbaren Diagrammbereichs bleibt

Empfohlen ist top, damit der vollständige Text sichtbar bleibt

top: Text liegt unter dem Anmerkungspunkt

middle: Text ist am Mittelpunkt des Anmerkungspunkts ausgerichtet

bottom: Text liegt über dem Anmerkungspunkt

Ob der Hintergrund sichtbar ist

Hintergrundfarbe

Hintergrund-Rahmenfarbe

Hintergrund-Rahmenbreite

Hintergrund-Eckenradius

Innenabstand des Hintergrunds

Y-Versatz des gesamten Anmerkungspunkts in Pixeln. Bei Punkten oberhalb des Diagramms werden positive Werte empfohlen, darunter negative Werte.

Negative Werte verschieben die gesamte Komponente nach oben, z. B. -10 um 10 Pixel

Positive Werte verschieben sie nach unten, z. B. 10 um 10 Pixel

X-Versatz des gesamten Anmerkungspunkts in Pixeln. Links im Diagramm werden positive Werte empfohlen, rechts negative Werte.

Negative Werte verschieben die gesamte Komponente nach links, z. B. -10 um 10 Pixel

Positive Werte verschieben sie nach rechts, z. B. 10 um 10 Pixel

Konfiguration vertikaler Anmerkungslinien.

Fester X-Wert für die vertikale Anmerkungslinie; bei Kategorieachse ein Dimensionswert, bei numerischer Achse ein konkreter Wert

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

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

• Eingabeparameter: data (Array)

• Muss einen einzelnen Zahlen- oder Zeichenkettenwert zurückgeben: number | string

• Einsatz: dynamische Werte für Anmerkungslinien (horizontal/vertikal)

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

Beschreibung der dynamischen Wertanforderung (natürliche Sprache)

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

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

• Eingabeparameter: data (Array)

• Muss einen einzelnen Zahlen- oder Zeichenkettenwert zurückgeben: number | string

• Einsatz: dynamische Werte für Anmerkungslinien (horizontal/vertikal)

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

Fallback-Wert, wenn 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

Textinhalt

Textposition

Labelposition der Anmerkungslinie relativ zur Linie.

Textfarbe

Textschriftgröße

Textschriftstärke

Textausrichtung, normalerweise nicht erforderlich

Empfohlen ist right, damit der Text links der Anmerkungslinie steht

right: Text steht links der Referenzlinie, seine rechte Kante ist an der vertikalen Anmerkungslinie ausgerichtet

left: Text steht rechts der Referenzlinie, seine linke Kante ist an der vertikalen Anmerkungslinie ausgerichtet

center: Text steht in der Mitte der Referenzlinie

Vertikale Textausrichtung, normalerweise nicht erforderlich

Empfohlen ist top, damit der vollständige Text im sichtbaren Diagrammbereich bleibt

top: Text liegt unter der Referenzlinie und ist am Ende der vertikalen Anmerkungslinie ausgerichtet

middle: Text liegt in der Mitte der Referenzlinie

bottom: Text liegt über der Referenzlinie

Ob die Linie sichtbar ist

Linienfarbe

Linienbreite

Linienstil

Ob der Hintergrund sichtbar ist

Hintergrundfarbe

Hintergrund-Rahmenfarbe

Hintergrund-Rahmenbreite

Hintergrund-Eckenradius

Innenabstand des Hintergrunds

Konfiguration horizontaler Anmerkungslinien.

Fester Y-Wert für die horizontale Anmerkungslinie; bei Kategorieachse ein Dimensionswert, bei numerischer Achse ein konkreter Wert

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

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

• Eingabeparameter: data (Array)

• Muss einen einzelnen Zahlen- oder Zeichenkettenwert zurückgeben: number | string

• Einsatz: dynamische Werte für Anmerkungslinien (horizontal/vertikal)

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

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache).

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

KI-generierter JavaScript-Filtercode

• Es dürfen nur eingebaute Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

• Eingabeparameter: data (Array)

• Muss einen einzelnen Zahlen- oder Zeichenkettenwert zurückgeben: number | string

• Einsatz: dynamische Werte für Anmerkungslinien (horizontal/vertikal)

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

Fallback-Wert, wenn 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

Textinhalt

Textposition

Labelposition der Anmerkungslinie relativ zur Linie.

Textfarbe

Textschriftgröße

Textschriftstärke

Textausrichtung, normalerweise nicht erforderlich

Empfohlen ist right, damit der Text links der Anmerkungslinie steht

right: Text steht links der Referenzlinie, seine rechte Kante ist an der vertikalen Anmerkungslinie ausgerichtet

left: Text steht rechts der Referenzlinie, seine linke Kante ist an der vertikalen Anmerkungslinie ausgerichtet

center: Text steht in der Mitte der Referenzlinie

Vertikale Textausrichtung, normalerweise nicht erforderlich

Empfohlen ist top, damit der vollständige Text im sichtbaren Diagrammbereich bleibt

top: Text liegt unter der Referenzlinie und ist an der horizontalen Anmerkungslinie ausgerichtet

middle: Text liegt in der Mitte der Referenzlinie

bottom: Text liegt über der Referenzlinie

Ob der Hintergrund sichtbar ist

Hintergrundfarbe

Hintergrund-Rahmenfarbe

Hintergrund-Rahmenbreite

Hintergrund-Eckenradius

Innenabstand des Hintergrunds

Ob die Linie sichtbar ist

Linienfarbe

Linienbreite

Linienstil

Trennlinienkonfiguration; kann Bereiche über und unter dem Anmerkungswert unterschiedlich einfärben.

Hauptfarbe für den Teil größer als der Anmerkungswert

Hauptfarbe für den Teil kleiner als der Anmerkungswert

Konfiguration des Anmerkungsbereichs; definiert anhand ausgewählter Daten Position und Stil des Bereichs.

Selektor für den Anmerkungsbereich.

Dimensionsfeld; die ID eines Eintrags in dimensions

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Operator

• in: Wählt Datenpunkte aus, deren Dimensionsfeldwert in value enthalten ist

• not in: Wählt Datenpunkte aus, deren Dimensionsfeldwert nicht in value enthalten ist

Entspricht operator

Wert des Dimensionsfelds im Datenpunkt; Arrays werden unterstützt

Textinhalt

Textposition

Textfarbe

Textschriftgröße

Textschriftstärke

Textausrichtung, normalerweise nicht erforderlich

center: Text ist im Anmerkungsbereich zentriert

left: Text steht links im Anmerkungsbereich

right: Text steht rechts im Anmerkungsbereich

Vertikale Textausrichtung, normalerweise nicht erforderlich

top: Text steht oben im Anmerkungsbereich

middle: Text steht mittig im Anmerkungsbereich

bottom: Text steht unten im Anmerkungsbereich

Ob der Hintergrund sichtbar ist

Hintergrundfarbe

Hintergrund-Rahmenfarbe

Hintergrund-Rahmenbreite

Hintergrund-Eckenradius

Innenabstand des Hintergrunds

Farbe des Anmerkungsbereichs

Deckkraft des Anmerkungsbereichs

Rahmenfarbe des Anmerkungsbereichs

Rahmenbreite des Anmerkungsbereichs

Eckenradius des Anmerkungsbereichs

Strichelung des Bereichsrahmens

Außenabstand

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

Start anchor of the difference annotation line.

- 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

Dimensionsfeld; die ID eines Elements in dimensions.

Operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert in der Werteliste enthalten ist.

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert NICHT in der Werteliste enthalten ist.

Operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert in der Werteliste enthalten ist.

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert NICHT in der Werteliste enthalten ist.

identisch mit operator

Ausgewählte Dimensionsfeldwerte; Arrays werden unterstützt.

End anchor of the difference annotation line.

Ankerkonfiguration für Differenzanmerkungen, mit der die an Start- oder Endpunkt gebundenen Daten ausgewählt werden.

Anchor selector. It must ultimately locate one logical anchor.

Dimensionsfeld; die ID eines Elements in dimensions.

Operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert in der Werteliste enthalten ist.

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert NICHT in der Werteliste enthalten ist.

Operator

- in: Wählt Datenobjekte aus, deren Dimensionsfeldwert in der Werteliste enthalten ist.

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert NICHT in der Werteliste enthalten ist.

identisch mit operator

Werte des Dimensionsfelds auswählen; Arrays werden unterstützt

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.

Textfarbe.

Texthintergrundfarbe.

Linienfarbe.

Linienstil.

Wenn Pivot-Funktion oder Kennzahlkombinationen im Diagramm aktiviert sind, ob die Dimensionsverknüpfung aktiviert wird.

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

Konfiguration der Dimensionsverknüpfung für Pivot-Diagramme

Ob Dimensionsverknüpfung für Pivot-Diagramme aktiviert wird

Ob Tooltip-Informationen für Subdiagramme aller Dimensionen angezeigt werden

Ob das dem crosshair entsprechende Label angezeigt wird

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