RacePie
Dynamisches Kreisdiagramm (Race Pie Chart)
Geeignet, um Anteilsverhältnisse von Daten im Zeitverlauf darzustellen; die Fläche der Sektoren zeigt den Anteil jeder Kategorie
Geeignete Szenarien:
- Die zeitliche Veränderung der Anteilsverteilung kategorialer Daten darstellen
- Die Entwicklung der Beziehung zwischen Gesamtwert und Teilen entlang der Zeitdimension betonen
- Anteilsschwankungen verschiedener Kategorien am Gesamtwert beobachten
Dynamisches Kreisdiagramm:
- Winkel werden auf Kennzahlenwerte abgebildet, Farben auf Dimensionswerte
- Die Zeitdimension kann über den Player gesteuert werden, um Anteilsveränderungen dynamisch darzustellen
- Die Sektorfläche passt sich dynamisch an Datenveränderungen an
chartType
Type: "racePie"
Dynamisches Kreisdiagramm, geeignet zur Darstellung von Anteilsverhältnissen im Zeitverlauf
dataset
Type: Record[]
Datenquelle
dimensions
Type: RacePieDimension[] | undefined
Dimensionen
id
Type: string
Feld-ID, die der Dimension entspricht
alias
Type: string | undefined
Dimensionsalias
timeFormat
Type: TimeFormat | undefined
Datumsformatkonfiguration der Dimension
type
Type: "year" | "quarter" | "month" | "week" | "day" | "hour" | "minute" | "second"
Zeitgranularität; bestimmt die Genauigkeit der Datumsanzeige
encoding
Type: "color" | "detail" | "tooltip" | "label" | "row" | "column" | "player" | undefined
Kanal, dem die Dimension zugeordnet wird
- color: unterstützt die Zuordnung mehrerer Dimensionen zum Farbkanal
- detail: unterstützt die Zuordnung mehrerer Dimensionen zum Detailkanal
- tooltip: unterstützt das Zuordnen mehrerer Dimensionen zum Tooltip-Kanal
- label: unterstützt das Zuordnen mehrerer Dimensionen zum Beschriftungskanal
- row: unterstützt die Zuordnung mehrerer Dimensionen zum Zeilenkanal
- column: unterstützt die Zuordnung mehrerer Dimensionen zum Spaltenkanal
- player: unterstützt das Zuordnen mehrerer Dimensionen zum Player-Kanal
measures
Type: PieMeasure[] | undefined
Kennzahlen
id
Type: string
Kennzahl-ID, muss eindeutig sein
alias
Type: string | undefined
Kennzahlalias, Duplikate sind erlaubt; wenn nicht gesetzt, entspricht alias der id
autoFormat
Type: boolean | undefined
Automatische Zahlenformatierung, standardmäßig aktiviert, höchste Priorität
Wenn autoFormat=true ist, werden alle numFormat-Konfigurationen überschrieben
Wenn aktiviert, wählen Diagramm-Datenbeschriftungen und Tooltips automatisch die passende Formatierung anhand von Kennzahlwerten und Gebietsschema aus
Formatierungsregeln: Dezimalzahlen mit aktivierter compact notation, mindestens 0 und höchstens 2 Dezimalstellen, automatische Rundung, umgesetzt mit Intl.NumberFormat des Browsers
Zum Beispiel:
- locale=zh-CN: 749740.264 → 74.45万
- locale=en-US: 749740.264 → 744.5K
numFormat
Type: NumFormat | undefined
Benutzerdefinierte Zahlenformatierung für Kennzahlen; wird automatisch auf Beschriftungen und Tooltips angewendet
Hinweis: Für benutzerdefinierte Formatierung muss autoFormat=false explizit gesetzt werden; andernfalls überschreibt autoFormat diese Konfiguration
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Zahlenformattyp, unterstützt: Zahl (Dezimal), Prozent (%), Promille (‰), wissenschaftliche Notation
ratio
Type: number | undefined
Verhältnis der Zahlenformatierung, darf nicht 0 sein
Beispiel - 100000 wird zu 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Symbol der Zahlenformatierung, z. B. %, ‰
Beispiel - 100000 wird zu 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Tausendertrennzeichen für die Zahlenformatierung
suffix
Type: string | undefined
Suffix der Zahlenformatierung
prefix
Type: string | undefined
Präfix der Zahlenformatierung
fractionDigits
Type: number | undefined
Dezimalstellen für die Zahlenformatierung; verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat im Browser; niedrigere Priorität als significantDigits
Beispiel - 1234.5678 wird zu 1235 konvertiert, fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.6 konvertiert, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568 konvertiert, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780 konvertiert, fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Signifikante Stellen für die Zahlenformatierung; verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat im Browser; höhere Priorität als fractionDigits
Beispiel - 1234.5678 wird zu 1000 konvertiert, significantDigits:1 - 1234.5678 wird zu 1200 konvertiert, significantDigits:2 - 1234.5678 wird zu 1230 konvertiert, significantDigits:3 - 1234.5678 wird zu 1234 konvertiert, significantDigits:4 - 1234.5678 wird zu 1234.6 konvertiert, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568 konvertiert, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Rundungspriorität der Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie dessen roundingPriority
Beispiel - 1234.5678 wird zu 1230 konvertiert, significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Rundungsmodus der Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie dessen roundingMode
format
Type: NumFormat | undefined
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Zahlenformattyp, unterstützt: Zahl (Dezimal), Prozent (%), Promille (‰), wissenschaftliche Notation
ratio
Type: number | undefined
Verhältnis der Zahlenformatierung, darf nicht 0 sein
Beispiel - 100000 wird zu 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Symbol der Zahlenformatierung, z. B. %, ‰
Beispiel - 100000 wird zu 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Tausendertrennzeichen für die Zahlenformatierung
suffix
Type: string | undefined
Suffix der Zahlenformatierung
prefix
Type: string | undefined
Präfix der Zahlenformatierung
fractionDigits
Type: number | undefined
Dezimalstellen für die Zahlenformatierung; verwendet minimumFractionDigits und maximumFractionDigits von Intl.NumberFormat im Browser; niedrigere Priorität als significantDigits
Beispiel - 1234.5678 wird zu 1235 konvertiert, fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.6 konvertiert, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568 konvertiert, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780 konvertiert, fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Signifikante Stellen für die Zahlenformatierung; verwendet minimumSignificantDigits und maximumSignificantDigits von Intl.NumberFormat im Browser; höhere Priorität als fractionDigits
Beispiel - 1234.5678 wird zu 1000 konvertiert, significantDigits:1 - 1234.5678 wird zu 1200 konvertiert, significantDigits:2 - 1234.5678 wird zu 1230 konvertiert, significantDigits:3 - 1234.5678 wird zu 1234 konvertiert, significantDigits:4 - 1234.5678 wird zu 1234.6 konvertiert, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568 konvertiert, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Rundungspriorität der Zahlenformatierung, wenn sowohl significantDigits als auch fractionDigits gesetzt sind; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie dessen roundingPriority
Beispiel - 1234.5678 wird zu 1230 konvertiert, significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Rundungsmodus der Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie dessen roundingMode
encoding
Type: "color" | "tooltip" | "label" | "angle" | undefined
Kanal, dem die Kennzahl zugeordnet wird
- angle: Winkel, dem die Kennzahl zugeordnet wird
- color: Kennzahl wird dem Farbkanal zugeordnet
- label: Kennzahl, die dem Beschriftungskanal zugeordnet wird
- tooltip: Kennzahl, die dem Tooltip-Kanal zugeordnet wird
parentId
Type: string | undefined
In flacher Kennzahlkonfiguration wird eine baumförmige Kennzahlgruppe aufgebaut. parentId verweist auf die id der übergeordneten Kennzahlgruppe und dient zum Aufbau des Kennzahlbaums
Es gibt zwei Formen der Kennzahlbaum-Konfiguration: direkt einen Kennzahlbaum mit children konfigurieren oder eine flache Kennzahlliste mit parentId konfigurieren. Beide Formen können nicht gleichzeitig verwendet werden.
page
Type: Page | undefined
Paginierungskonfiguration. Gibt den Feldnamen für die Paginierung an; dieser muss eine Dimension sein.
field
Type: string
Paginierungsfeld; gibt den Feldnamen für die Paginierung an und muss eine Dimension sein
currentValue
Type: string
Aktueller Paginierungswert; gibt den Wert zur Bestimmung der aktuellen Seite an
Beispiel '2023-01-01'
player
Type: Player | undefined
Player-Konfiguration zur Angabe der Zeitdimension; Kernkonfiguration des animierten Kreisdiagramms
Player-Konfiguration zur Angabe des abzuspielenden Feldnamens; muss eine Dimension sein
Diese Funktion unterstützt keine Diagrammtypen wie table, pivotTable, dualAxis, histogram, boxPlot usw. und kann nicht bei aktivierter Kennzahlenkombination oder Zeilen-/Spalten-Pivot verwendet werden
maxCount
Type: number | false | undefined
Maximale Wiedergabeanzahl; Daten oberhalb dieser Anzahl werden abgeschnitten. false bedeutet keine Begrenzung
interval
Type: number | undefined
Wiedergabeintervall, Einheit ms
autoPlay
Type: boolean | undefined
Ob automatisch abgespielt wird
loop
Type: boolean | undefined
Ob die Wiedergabe in Schleife erfolgt
position
Type: "left" | "top" | "right" | "bottom" | undefined
Player-Position
railColor
Type: string | undefined
Spurfarbe der Player-Fortschrittsleiste
fontFamily
Type: string | undefined
Player-Textschriftart
fontSize
Type: number | undefined
Player-Textschriftgröße
trackColor
Type: string | undefined
Fortschrittsfarbe der Player-Fortschrittsleiste
sliderHandleColor
Type: string | undefined
Sliderfarbe der Player-Fortschrittsleiste
sliderHandleBorderColor
Type: string | undefined
Rahmenfarbe des Sliders der Player-Fortschrittsleiste
startButtonColor
Type: string | undefined
Farbe der Starttaste des Players
pauseButtonColor
Type: string | undefined
Farbe der Pausentaste des Players
backwardButtonColor
Type: string | undefined
Farbe der Zurück-Taste des Players
forwardButtonColor
Type: string | undefined
Farbe der Vorwärts-Taste des Players
backgroundColor
Type: BackgroundColor
Hintergrundfarbe des Diagramms
Die Hintergrundfarbe kann ein Farbstring sein (z. B. 'red', 'blue') oder ein hex-, rgb- oder rgba-Wert (z. B. '#ff0000', 'rgba(255,0,0,0.5)')
color
Type: Color | undefined
Farbe
colorScheme
Type: string[] | undefined
Diskretes Farbschema zur Definition der Farben verschiedener Elemente im Diagramm
Beispiel ['#FFCDD2,#F8BBD0,#E1BEE7,#D1C4E9,#C5CAE9,#BBDEFB,#B3E5FC,#B2EBF2,#B2DFDB,#C8E6C9,#DCEDC8,#F0F4C3,#FFF9C4,#FFECB3,#FFE0B2']
linearColorScheme
Type: string[] | undefined
Lineares Farbverlaufsschema zur Definition der Farben verschiedener Elemente im Diagramm
Beispiel ['#FFCDD2, #F8BBD0]
colorMapping
Type: Record<string, string> | undefined
Farbzuordnung, ordnet Datenwerte konkreten Farben zu
Beispiel { 'profit': 'red', 'sales': 'blue', }
positiveColor
Type: string | undefined
Positiv/Negativ-Farbkonfiguration; definiert die Farbe positiver Werte im Diagramm
negativeColor
Type: string | undefined
Positiv/Negativ-Farbkonfiguration; definiert die Farbe negativer Werte im Diagramm
label
Type: PieLabel | undefined
Beschriftungskonfiguration für Diagramm-Datenbeschriftungen, einschließlich Position, Format und Stil.
enable
Type: false | true
Ob Beschriftungen aktiviert sind
wrap
Type: boolean | undefined
Ob Beschriftungen umbrochen werden
showValue
Type: boolean | undefined
Ob Beschriftungen Kennzahlwerte anzeigen
In Szenarien mit mehreren Kennzahlen besteht kein Risiko widersprüchlicher Werte, da alle zeichnungsbezogenen Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl zusammengeführt werden, die einen Datenpunkt repräsentiert.
Hinweis: encoding.label hat höhere Priorität; diese Konfiguration beeinflusst encoding.label nicht
showValuePercent
Type: boolean | undefined
Ob Beschriftungen Kennzahlwerte als Prozentsatz anzeigen
In Szenarien mit mehreren Kennzahlen besteht kein Risiko widersprüchlicher Werte, da alle zeichnungsbezogenen Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl zusammengeführt werden, die einen Datenpunkt repräsentiert.
Hinweis: encoding.label hat höhere Priorität; diese Konfiguration beeinflusst encoding.label nicht
showDimension
Type: boolean | undefined
Ob Beschriftungen Dimensionslabels anzeigen
Zeigt alle Dimensionslabels an
Hinweis: encoding.label hat höhere Priorität; diese Konfiguration beeinflusst encoding.label nicht
autoFormat
Type: boolean | undefined
Ob Beschriftungswerte automatisch formatiert werden. Wenn autoFormat true ist, wird numFormat ignoriert
numFormat
Type: NumFormat | undefined
Formatierungskonfiguration für Beschriftungswerte. Sie wird mit format in measure zusammengeführt; format in measure hat höhere Priorität. numFormat hat niedrigere Priorität als autoFormat
type
Type: "number" | "percent" | "permille" | "scientific" | undefined
Zahlenformattyp. Unterstützt Zahl (dezimal), Prozent (%), Promille (‰) und wissenschaftliche Notation
ratio
Type: number | undefined
Zahlenformatierungsverhältnis. Darf nicht 0 sein
Beispiel - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
symbol
Type: string | undefined
Zahlenformatierungssymbol, z. B. % oder ‰
Beispiel - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"
thousandSeparator
Type: boolean | undefined
Tausendertrennzeichen für Zahlenformatierung
suffix
Type: string | undefined
Suffix der Zahlenformatierung
prefix
Type: string | undefined
Präfix der Zahlenformatierung
fractionDigits
Type: number | undefined
Dezimalstellen für Zahlenformatierung, verwendet minimumFractionDigits und maximumFractionDigits aus Browser Intl.NumberFormat. Niedrigere Priorität als significantDigits
Beispiel - 1234.5678 wird zu 1234.6 konvertiert, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568 konvertiert, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780 konvertiert, fractionDigits:5 (roundingMode:halfCeil)
significantDigits
Type: number | undefined
Signifikante Stellen für Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits aus Browser Intl.NumberFormat. Höhere Priorität als fractionDigits
Beispiel - 1234.5678 wird zu 1200 konvertiert, significantDigits:2 - 1234.5678 wird zu 1230 konvertiert, significantDigits:3 - 1234.5678 wird zu 1234 konvertiert, significantDigits:4 - 1234.5678 wird zu 1234.6 konvertiert, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57 konvertiert, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568 konvertiert, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:8 (roundingMode:halfCeil)
roundingPriority
Type: "morePrecision" | "lessPrecision" | undefined
Rundungspriorität der Zahlenformatierung, wenn significantDigits und fractionDigits gleichzeitig gesetzt sind; verwendet Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat roundingPriority
Beispiel - 1234.5678 wird zu 1234.5678 konvertiert, significantDigits:3 (roundingPriority:morePrecision)
roundingMode
Type: "floor" | "ceil" | "expand" | "trunc" | "halfCeil" | "halfFloor" | "halfExpand" | "halfTrunc" | "halfEven" | undefined
Rundungsmodus der Zahlenformatierung; verwendet Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat roundingMode
labelFontSize
Type: number | undefined
Schriftgröße der Beschriftung
labelFontWeight
Type: string | number | undefined
Schriftstärke der Beschriftung
labelBackgroundColor
Type: string | undefined
Hintergrundfarbe der Beschriftung
labelStroke
Type: string | undefined
Strichfarbe der Beschriftung
labelColor
Type: string | undefined
Schriftfarbe der Beschriftung
labelColorSmartInvert
Type: boolean | undefined
Ob die Schriftfarbe der Beschriftung automatisch anhand der Markierungsfarbe invertiert wird
labelPosition
Type: "inside" | "outside" | undefined
Position der Beschriftung
labelOverlap
Type: boolean | undefined
Ob Beschriftungsüberlappungen vermieden werden
selector
Type: Selector | Selectors | undefined
Beschriftungsfilter. Standardmäßig ist die Bedingungsverknüpfung zwischen selectors OR
field
Type: string
Dimensionsfeld, die id eines Eintrags in dimensions
operator
Type: "in" | "not in" | undefined
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
op
Type: "in" | "not in" | undefined
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
identisch mit operator
value
Type: string | number | (string | number)[]
Wählt Werte des Dimensionsfelds in Datenpunkten aus. Arrays werden unterstützt
dynamicFilter
Type: ChartDynamicFilter | undefined
Dynamischer Filter (Ausführung von AI-generiertem Code)
Implementiert komplexe Datenfilterlogik durch AI-generierten JavaScript-Code
Kernfunktionen:
- Unterstützt beliebig komplexe Datenfilterbedingungen
- Verwendet eingebaute Hilfsfunktionen für Datenoperationen
- Sichere Ausführung im Browser (Web-Worker-Sandbox)
Umgebungsanforderung: nur in Browserumgebungen unterstützt; Node.js-Umgebungen verwenden fallback
Hinweis: selector und dynamicFilter können nicht gleichzeitig verwendet werden. dynamicFilter hat höhere Priorität
Dynamische Filterkonfiguration für Diagramme
Filtert Diagramm-Markierungen (Balken, Punkte usw.) mit AI-generiertem JavaScript-Code
type
Type: "row-with-field"
description
Type: string | undefined
Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)
Beispiel "Balken mit Umsatz über 1000 hervorheben"
"Balken mit der höchsten Gewinnmarge je Region hervorheben"
code
Type: string
AI-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-APIs, Netzwerkanfragen
Beispiel return _.map(filtered, item => ({
const maxItems = _.map(grouped, group =>
const profitRate = item.profit / item.sales;
fallback
Type: Selector | Selectors | undefined
Fallback, wenn Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird
field
Type: string
Dimensionsfeld, die id eines Eintrags in dimensions
operator
Type: "in" | "not in" | undefined
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
op
Type: "in" | "not in" | undefined
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
identisch mit operator
value
Type: string | number | (string | number)[]
Wählt Werte des Dimensionsfelds in Datenpunkten aus. Arrays werden unterstützt
result
Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined
Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)
Wird in prepare() geschrieben und ist zur Laufzeit schreibgeschützt
success
Type: false | true
data
Type: T[] | undefined
error
Type: string | undefined
labelLayout
Type: "arc" | "labelLine" | "edge" | undefined
Layoutmodus der Beschriftungen; gilt nur für Kreis- und Donut-Diagramme und nur wenn labelPosition auf outside gesetzt ist
- arc: Beschriftungen entlang des Bogens anordnen
- labelLine: Beschriftungen beidseitig ausrichten und Sektor-Markierung sowie Beschriftung über Führungslinien verbinden
- edge: Beschriftungen beidseitig ausrichten, Sektor-Markierung und Beschriftung über Führungslinien verbinden und nahe an die beiden Diagrammränder setzen
legend
Type: Legend | undefined
Legende
Legendenkonfiguration zum Definieren der Diagrammlegende, einschließlich Position, Format und Stil.
enable
Type: boolean | undefined
Ob die Legende aktiviert ist
Beispiel enable: true
border
Type: boolean | undefined
Ob der Legendenrahmen aktiviert ist
Nur für diskrete Legenden wirksam
Beispiel
labelColor
Type: string | undefined
Schriftfarbe der Legende
pagerIconColor
Type: string | undefined
Farbe des Pager-Icons
pagerIconDisableColor
Type: string | undefined
Farbe des deaktivierten Pager-Icons
labelFontSize
Type: number | undefined
Schriftgröße der Legende
Beispiel
labelFontColor
Type: string | undefined
Schriftfarbe der Legende
labelFontWeight
Type: string | number | undefined
Schriftstärke der Legende
Beispiel
shapeType
Type: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine" | undefined
Legendenform
Nur für diskrete Legenden wirksam
Beispiel
position
Type: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br" | undefined
Legendenposition
Beispiel
maxSize
Type: number | undefined
Maximale Spalten- oder Zeilenzahl bei vielen Legendeneinträgen
Wenn position horizontal ist (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), steuert maxSize die Anzahl der angezeigten Spalten
Wenn position vertikal ist (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), steuert maxSize die Anzahl der angezeigten Zeilen
Nur für diskrete Legenden wirksam
Beispiel
tooltip
Type: Tooltip | undefined
Ob die Brush-Auswahl aktiviert wird
enable
Type: false | true
Ob Tooltip-Informationen aktiviert sind
brush
Type: Brush | undefined
Brush-Auswahlmodus: einzeln oder mehrfach
enable
Type: boolean | undefined
Ob die Brush-Auswahl aktiviert ist
brushType
Type: "rect" | "x" | "y" | "polygon" | undefined
Brush-Typ
Definiert Form und Richtung der Brush-Auswahl.
- rect: rechteckige Brush-Auswahl, wählt gleichzeitig in X- und Y-Richtung aus
- polygon: polygonale Brush-Auswahl, zeichnet durch Klicken mehrerer Punkte ein beliebiges Polygon
- x: Brush-Auswahl in X-Achsenrichtung, nur in X-Richtung; Y-Richtung bleibt uneingeschränkt
- y: Brush-Auswahl in Y-Achsenrichtung, nur in Y-Richtung; X-Richtung bleibt uneingeschränkt
brushMode
Type: "single" | "multiple" | undefined
Deckkraft of selected data points, range 0-1
removeOnClick
Type: boolean | undefined
Ob der Brush-Bereich nach dem Ende der Auswahl gelöscht wird
inBrushStyle
Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined
Stil für Daten innerhalb des Brush-Bereichs
Definiert den Stil ausgewählter Datenpunkte
opacity
Type: number | undefined
Deckkraft
Deckkraft ausgewählter Datenpunkte, Wertebereich 0 bis 1
stroke
Type: string | undefined
Strichfarbe
lineWidth
Type: number | undefined
Strichbreite
outOfBrushStyle
Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined
X-Achse, Kategorieachse, X-Achsenkonfiguration; definiert die X-Achse des Diagramms einschliesslich Position, Format, Stil usw.
opacity
Type: number | undefined
- 100000 wird zu 10万, ratio:10000, symbol:"万"
stroke
Type: string | undefined
Strichfarbe
lineWidth
Type: number | undefined
Strichbreite
theme
Type: Theme | undefined
Theme-Konfiguration
Theme
Es gibt die integrierten Themes light und dark; neue Themes können über registerTheme als eigene Themes definiert werden.
length
Type: number
brand
Type: brand
locale
Type: "zh-CN" | "en-US" | "ja-JP" | "de-DE" | "id-ID" | "fr-FR" | "ko-KR" | "vi-VN" | undefined
Sprache
Sprachkonfiguration des Diagramms; unterstützt die beiden Sprachen 'zh-CN' und 'en-US'. Zusätzlich kann die Sprache über intl.setLocale('zh-CN') gesetzt werden