#BoxPlot

Das Boxplot-Diagramm eignet sich zur Darstellung von Datenverteilungen. Die X-Achse ist die Kategorieachse (kategoriale Daten), die Y-Achse ist die numerische Achse (kontinuierliche Daten), und die Boxen sind vertikal angeordnet.

Anwendungsszenarien:

- Wenn Datenobjektnamen kurz sind

- Wenn numerische Werte verschiedener Kategorien intuitiv verglichen werden müssen

- Wenn Trends in Zeitreihendaten angezeigt werden

Das Boxplot-Diagramm eignet sich zur Darstellung von Datenverteilungen. Die X-Achse ist die Kategorieachse (kategoriale Daten), die Y-Achse ist die numerische Achse (kontinuierliche Daten), und die Boxen sind vertikal angeordnet.

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 Boxplot-Daten werden am Ende in 2 Dimensionen und 1 Kennzahl umgewandelt.

Die erste Dimension des Boxplot-Diagramms wird der X-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 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

- 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 im Boxplot-Diagramm werden automatisch zu einer Kennzahl zusammengeführt und der Y-Achse zugeordnet. Wenn mehrere Kennzahlen vorhanden sind, werden Kennzahlnamen mit den übrigen 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

- value: Kennzahlen für diskrete Werte, die zur Berechnung statistischer Werte für die Darstellung des Boxplots verwendet werden

- q1: Kennzahlzuordnung für den statistischen Wert des 25. Perzentils

- q3: Kennzahlzuordnung für den statistischen Wert des 75. Perzentils

- min: Kennzahlzuordnung für den minimalen Whisker-Wert

- max: Kennzahlzuordnung für den maximalen Whisker-Wert

- meadian: Kennzahlzuordnung für den statistischen Medianwert

- outliers: Kennzahlzuordnung für Ausreißer

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

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(

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

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 des Labels

X-Achsenlinie

Schriftstärke der Beschriftung

}

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

X-Achsen-Ticks

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

Rasterlinientyp

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 des Labels

X-Achsenlinie

- orderBy:'date'

}

Schriftgröße der Beschriftung

X-Achsen-Ticks

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

Rasterlinientyp

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

value: [100, 300]

}

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

Benutzerdefinierte Sortierreihenfolge. Die Reihenfolge wird direkt auf die Legende angewendet. Aufsteigende Reihenfolge verläuft von links nach rechts oder von oben nach unten; absteigende Reihenfolge von rechts nach links oder von unten nach oben.

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.

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

Boxplot-Kastenstil-Konfiguration; unterstützt globale Anwendung oder Anwendung auf Selector-Ebene

Data selector

Wenn ein Selector konfiguriert ist, bietet er vier Arten der Datenzuordnung: numerischer Selector, lokaler Datenselector, bedingter Dimensionsselector und bedingter Kennzahlselector.

If no selector is configured, the style applies globally.

Dimensionsfeld, die ID eines Dimensionseintrags

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

return _.flatten(

Wert des Dimensionsfelds, unterstützt Arrays

- 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 Boxplot-Elements

- 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

Rahmendeckkraft des Boxplot-Elements

Wert des Dimensionsfelds, unterstützt Arrays

Median line color

Whisker line color

Outlier style configuration, supports global or selector-level application

Data selector

Wenn ein Selector konfiguriert ist, bietet er vier Arten der Datenzuordnung: numerischer Selector, lokaler Datenselector, bedingter Dimensionsselector und bedingter Kennzahlselector.

If no selector is configured, the style applies globally.

Dimensionsfeld, die ID eines Dimensionseintrags

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

Operator

- in: Select data items where the value of the dimension field is in the value

- not in: Select data items where the value of the dimension field is not in the value

return _.flatten(

Wert des Dimensionsfelds, unterstützt Arrays

- 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

Point element color

- 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

Point element border width

Wert des Dimensionsfelds, unterstützt Arrays

Whisker-Längenkonfiguration des Boxplots; unterstützt skalare Werte und Arrays der Länge 2.

When the value is a scalar, whiskers * IQR is used to calculate the upper and lower bounds.

When the value is an array of length 2, whiskers[0] must be between [0, 0.25), representing the percentile for the lower bound;

whiskers[1] must be between (0.75, 1], representing the percentile for the upper bound.

Annotationspunkt-Konfiguration. Definiert anhand der ausgewählten Daten Position, Format, Stil usw. des Annotationspunkts.

Selektor für Anmerkungspunkte, mit dem Datenpunkte ausgewählt werden.

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.

Gibt die Kennzahl-ID an, zu der der Annotationspunkt gehört. In Szenarien mit mehreren Kennzahlen kann sie mit selector kombiniert werden, um den Zielpunkt eindeutig zu bestimmen.

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

return _.flatten(

- not in: Wählt Datenobjekte aus, deren Dimensionsfeldwert nicht in value enthalten ist

- 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

- Uses built-in utility functions for data manipulation.

- 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

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

Wert des Dimensionsfelds, unterstützt Arrays

Filtert Diagrammmarker (Balken, Punkte usw.) über AI-generierten JavaScript-Code.

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

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 strategy when code execution fails or the environment is not supported.

Dimensionsfeld; die ID eines Elements in dimensions.

Operator

- 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

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

return _.flatten(

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

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

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

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

Empfohlen ist right, damit der Text links vom Annotationspunkt bleibt

right: Text befindet sich links vom Annotationspunkt; die rechte Textkante ist am Punkt ausgerichtet

left: Text befindet sich rechts vom Annotationspunkt; die linke Textkante ist am Punkt ausgerichtet

center: Text befindet sich in der Mitte des Annotationspunkts; die Textmitte ist am Punkt ausgerichtet

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

2

4

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Pixelversatz des gesamten Annotationspunkts in Y-Richtung. Liegt der Punkt oben im Diagramm (bei größeren Werten), wird ein positiver Wert empfohlen; liegt er unten (bei kleineren Werten), ein negativer Wert.

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

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

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

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

);

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

Eckenradius des Hintergrundrahmens

Markierungsbereich-Konfiguration; definiert anhand ausgewählter Daten Markierungsbereiche im Diagramm, einschließlich Position, Stil usw.

Ob die Funktion aktiviert wird, die Hauptlinie in zwei Segmente zu teilen.

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 strategy when code execution fails or the environment is not supported.

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

Written during the prepare() phase; read-only at runtime.

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

center: Text is centered in the annotation area; the center of the text aligns with the area.

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

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

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 am Endpunkt der vertikalen Annotationslinie ausgerichtet

middle: Text zentriert auf der Referenzlinie

bottom: Text über der Referenzlinie, untere Textkante am Endpunkt der vertikalen Annotationslinie ausgerichtet

Linie sichtbar

Linienfarbe

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

Eckenradius des Markierungsbereichsrahmens

Hintergrund sichtbar

Hintergrundfarbe

2

4

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

4

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)

Eckenradius des Hintergrundrahmens

Markierungsbereich-Konfiguration; definiert anhand ausgewählter Daten Markierungsbereiche im Diagramm, einschließlich Position, Stil usw.

Ob die Funktion aktiviert wird, die Hauptlinie in zwei Segmente zu teilen.

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 strategy when code execution fails or the environment is not supported.

Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

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

Written during the prepare() phase; read-only at runtime.

Textposition

Label-Position der Annotationslinie relativ zur Linie.

center: Text is centered in the annotation area; the center of the text aligns with the area.

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

0

Textausrichtung. In der Regel ist keine Einstellung erforderlich

Empfohlen ist right, damit der Text links von der Annotationslinie bleibt

right: Text befindet sich links von der Referenzlinie; die rechte Textkante ist am Ende der horizontalen Annotationslinie ausgerichtet

left: Text befindet sich rechts von der Referenzlinie; die linke Textkante ist am Ende der horizontalen Annotationslinie ausgerichtet

center: Text befindet sich in der Mitte der Referenzlinie; die Textmitte ist am Ende der horizontalen Annotationslinie ausgerichtet

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

Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

4

4

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Linie sichtbar

Linie sichtbar

Linienfarbe

Linienbreite

Eckenradius des Markierungsbereichsrahmens

Linienstil des Markierungsbereichsrahmens

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

Hauptfarbe für den Teil unterhalb des Annotationswerts

Annotationsbereich-Konfiguration. Definiert anhand der ausgewählten Daten Position, Stil usw. des Annotationsbereichs.

Ob die Dimensionsverknüpfung aktiviert wird, wenn für das Diagramm Perspektive aktiviert ist oder Kennzahlen kombiniert werden.

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.

Written during the prepare() phase; read-only at runtime.

Textposition

center: Text is centered in the annotation area; the center of the text aligns with the area.

Vertical text alignment; typically set to 'top' so text appears at the bottom of the annotation area, ensuring it remains within the visible area of the chart.

0

Textausrichtung. In der Regel auf right setzen; der Text wird in der Mitte des Annotationsbereichs angezeigt, damit er im sichtbaren Diagrammbereich bleibt

Empfohlen ist center, damit der Text in der Mitte des Annotationsbereichs bleibt

right: Text befindet sich links vom Annotationsbereich; die rechte Textkante ist am Annotationsbereich ausgerichtet

left: Text befindet sich rechts vom Annotationsbereich; die linke Textkante ist am Annotationsbereich ausgerichtet

center: Text befindet sich in der Mitte des Annotationsbereichs; die Textmitte ist am Annotationsbereich ausgerichtet

Vertikale Textausrichtung. Im Allgemeinen auf top setzen, damit Text am unteren Rand des Annotationsbereichs erscheint und im sichtbaren Diagrammbereich bleibt.

bottom: Text is at the top of the annotation area, with the bottom edge aligned with the area.

top: text is at the bottom of the annotation area; the top edge of the text aligns with the annotation area

middle: text is centered in the annotation area; the center of the text aligns with the annotation area

Order of the polynomial regression

Hintergrund sichtbar

Hintergrundfarbe

2

2

4

Radius der Hintergrundrahmen-Ecken

Radius der Hintergrundrahmen-Ecken

Innenabstand des Hintergrunds

Füllfarbe des Markierungsbereichs

Deckkraft der Markierungsbereichsfüllung

Rahmenfarbe des Markierungsbereichs

Rahmenbreite des Markierungsbereichs

Eckenradius des Markierungsbereichsrahmens

Linienstil des Markierungsbereichsrahmens

Innenabstand des Markierungsbereichs

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

Maximale Breite des Boxplots. Kann als absoluter Pixelwert oder Prozentsatz (z. B. '10%') festgelegt werden.

Abstand innerhalb jeder Gruppe in einem gruppierten Boxplot. Kann als absoluter Pixelwert oder Prozentsatz (z. B. '10%') festgelegt werden.