RacePie

Beschreibung

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

Note

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"

Beschreibung

Dynamisches Kreisdiagramm, geeignet zur Darstellung von Anteilsverhältnissen im Zeitverlauf

dataset

Type: Record[]

Beschreibung

Datenquelle

dimensions

Type: RacePieDimension[] | undefined

Beschreibung

Dimensionen

id

Type: string

Beschreibung

Feld-ID, die der Dimension entspricht

alias

Type: string | undefined

Beschreibung

Dimensionsalias

timeFormat

Type: TimeFormat | undefined

Beschreibung

Datumsformatkonfiguration der Dimension

type

Type: "year" | "quarter" | "month" | "week" | "day" | "hour" | "minute" | "second"

Beschreibung

Zeitgranularität; bestimmt die Genauigkeit der Datumsanzeige

encoding

Type: "color" | "detail" | "tooltip" | "label" | "row" | "column" | "player" | undefined

Beschreibung

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

Beschreibung

Kennzahlen

id

Type: string

Beschreibung

Kennzahl-ID, muss eindeutig sein

alias

Type: string | undefined

Beschreibung

Kennzahlalias, Duplikate sind erlaubt; wenn nicht gesetzt, entspricht alias der id

autoFormat

Type: boolean | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

Zahlenformattyp, unterstützt: Zahl (Dezimal), Prozent (%), Promille (‰), wissenschaftliche Notation

ratio

Type: number | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

Tausendertrennzeichen für die Zahlenformatierung

suffix

Type: string | undefined

Beschreibung

Suffix der Zahlenformatierung

prefix

Type: string | undefined

Beschreibung

Präfix der Zahlenformatierung

fractionDigits

Type: number | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

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

Beschreibung

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

Beschreibung

Zahlenformattyp, unterstützt: Zahl (Dezimal), Prozent (%), Promille (‰), wissenschaftliche Notation

ratio

Type: number | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

Tausendertrennzeichen für die Zahlenformatierung

suffix

Type: string | undefined

Beschreibung

Suffix der Zahlenformatierung

prefix

Type: string | undefined

Beschreibung

Präfix der Zahlenformatierung

fractionDigits

Type: number | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

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

Beschreibung

Rundungsmodus der Zahlenformatierung; verwendet Intl.NumberFormat des Browsers und folgt denselben Regeln wie dessen roundingMode

encoding

Type: "color" | "tooltip" | "label" | "angle" | undefined

Beschreibung

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

Beschreibung

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

Tip

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

Beschreibung

Paginierungskonfiguration. Gibt den Feldnamen für die Paginierung an; dieser muss eine Dimension sein.

field

Type: string

Beschreibung

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

currentValue

Type: string

Beschreibung

Aktueller Paginierungswert; gibt den Wert zur Bestimmung der aktuellen Seite an

Beispiel '2023-01-01'

player

Type: Player | undefined

Beschreibung

Player-Konfiguration zur Angabe der Zeitdimension; Kernkonfiguration des animierten Kreisdiagramms

Player-Konfiguration zur Angabe des abzuspielenden Feldnamens; muss eine Dimension sein

Warning

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

Beschreibung

Maximale Wiedergabeanzahl; Daten oberhalb dieser Anzahl werden abgeschnitten. false bedeutet keine Begrenzung

interval

Type: number | undefined

Beschreibung

Wiedergabeintervall, Einheit ms

autoPlay

Type: boolean | undefined

Beschreibung

Ob automatisch abgespielt wird

loop

Type: boolean | undefined

Beschreibung

Ob die Wiedergabe in Schleife erfolgt

position

Type: "left" | "top" | "right" | "bottom" | undefined

Beschreibung

Player-Position

railColor

Type: string | undefined

Beschreibung

Spurfarbe der Player-Fortschrittsleiste

fontFamily

Type: string | undefined

Beschreibung

Player-Textschriftart

fontSize

Type: number | undefined

Beschreibung

Player-Textschriftgröße

trackColor

Type: string | undefined

Beschreibung

Fortschrittsfarbe der Player-Fortschrittsleiste

sliderHandleColor

Type: string | undefined

Beschreibung

Sliderfarbe der Player-Fortschrittsleiste

sliderHandleBorderColor

Type: string | undefined

Beschreibung

Rahmenfarbe des Sliders der Player-Fortschrittsleiste

startButtonColor

Type: string | undefined

Beschreibung

Farbe der Starttaste des Players

pauseButtonColor

Type: string | undefined

Beschreibung

Farbe der Pausentaste des Players

backwardButtonColor

Type: string | undefined

Beschreibung

Farbe der Zurück-Taste des Players

forwardButtonColor

Type: string | undefined

Beschreibung

Farbe der Vorwärts-Taste des Players

backgroundColor

Type: BackgroundColor

Beschreibung

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

Beschreibung

Farbe

colorScheme

Type: string[] | undefined

Beschreibung

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

Beschreibung

Lineares Farbverlaufsschema zur Definition der Farben verschiedener Elemente im Diagramm

Beispiel ['#FFCDD2, #F8BBD0]

colorMapping

Type: Record<string, string> | undefined

Beschreibung

Farbzuordnung, ordnet Datenwerte konkreten Farben zu

Beispiel { 'profit': 'red', 'sales': 'blue', }

positiveColor

Type: string | undefined

Beschreibung

Positiv/Negativ-Farbkonfiguration; definiert die Farbe positiver Werte im Diagramm

negativeColor

Type: string | undefined

Beschreibung

Positiv/Negativ-Farbkonfiguration; definiert die Farbe negativer Werte im Diagramm

label

Type: PieLabel | undefined

Beschreibung

Beschriftungskonfiguration für Diagramm-Datenbeschriftungen, einschließlich Position, Format und Stil.

enable

Type: false | true

Beschreibung

Ob Beschriftungen aktiviert sind

wrap

Type: boolean | undefined

Beschreibung

Ob Beschriftungen umbrochen werden

showValue

Type: boolean | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

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

Beschreibung

Ob Beschriftungswerte automatisch formatiert werden. Wenn autoFormat true ist, wird numFormat ignoriert

numFormat

Type: NumFormat | undefined

Beschreibung

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

Beschreibung

Zahlenformattyp. Unterstützt Zahl (dezimal), Prozent (%), Promille (‰) und wissenschaftliche Notation

ratio

Type: number | undefined

Beschreibung

Zahlenformatierungsverhältnis. Darf nicht 0 sein

Beispiel - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"

symbol

Type: string | undefined

Beschreibung

Zahlenformatierungssymbol, z. B. % oder ‰

Beispiel - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"

thousandSeparator

Type: boolean | undefined

Beschreibung

Tausendertrennzeichen für Zahlenformatierung

suffix

Type: string | undefined

Beschreibung

Suffix der Zahlenformatierung

prefix

Type: string | undefined

Beschreibung

Präfix der Zahlenformatierung

fractionDigits

Type: number | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

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

Beschreibung

Rundungsmodus der Zahlenformatierung; verwendet Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat roundingMode

labelFontSize

Type: number | undefined

Beschreibung

Schriftgröße der Beschriftung

labelFontWeight

Type: string | number | undefined

Beschreibung

Schriftstärke der Beschriftung

labelBackgroundColor

Type: string | undefined

Beschreibung

Hintergrundfarbe der Beschriftung

labelStroke

Type: string | undefined

Beschreibung

Strichfarbe der Beschriftung

labelColor

Type: string | undefined

Beschreibung

Schriftfarbe der Beschriftung

labelColorSmartInvert

Type: boolean | undefined

Beschreibung

Ob die Schriftfarbe der Beschriftung automatisch anhand der Markierungsfarbe invertiert wird

labelPosition

Type: "inside" | "outside" | undefined

Beschreibung

Position der Beschriftung

labelOverlap

Type: boolean | undefined

Beschreibung

Ob Beschriftungsüberlappungen vermieden werden

selector

Type: Selector | Selectors | undefined

Beschreibung

Beschriftungsfilter. Standardmäßig ist die Bedingungsverknüpfung zwischen selectors OR

field

Type: string

Beschreibung

Dimensionsfeld, die id eines Eintrags in dimensions

operator

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

Beschreibung

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

Beschreibung

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

Beschreibung

Wählt Werte des Dimensionsfelds in Datenpunkten aus. Arrays werden unterstützt

dynamicFilter

Type: ChartDynamicFilter | undefined

Beschreibung

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

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

Beschreibung

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 filtered = _.filter(data, item => item.sales > 1000);
return _.map(filtered, item => ({
__row_index: item.__row_index,
field: 'sales'
}));

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

const grouped = _.groupBy(data, 'area');
const maxItems = _.map(grouped, group =>
_.maxBy(group, item => item.profit / item.sales)
);
return _.flatten(
_.map(maxItems, item => [
{ __row_index: item.__row_index, field: 'product' },
{ __row_index: item.__row_index, field: 'profit' }
])
);

const profitRate = item.profit / item.sales;

const filtered = _.filter(data, item => {
const profitRate = item.profit / item.sales;
return profitRate > 0.2 && item.sales > 5000;
});
return _.flatten(
_.map(filtered, item => [
{ __row_index: item.__row_index, field: 'product' },
{ __row_index: item.__row_index, field: 'sales' }
])
);

fallback

Type: Selector | Selectors | undefined

Beschreibung

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

field

Type: string

Beschreibung

Dimensionsfeld, die id eines Eintrags in dimensions

operator

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

Beschreibung

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

Beschreibung

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

Beschreibung

Wählt Werte des Dimensionsfelds in Datenpunkten aus. Arrays werden unterstützt

result

Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined

Beschreibung

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

Beschreibung

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

Beschreibung

Legende

Legendenkonfiguration zum Definieren der Diagrammlegende, einschließlich Position, Format und Stil.

enable

Type: boolean | undefined

Beschreibung

Ob die Legende aktiviert ist

Beispiel enable: true

border

Type: boolean | undefined

Beschreibung

Ob der Legendenrahmen aktiviert ist

Warning

Nur für diskrete Legenden wirksam

Beispiel

labelColor

Type: string | undefined

Beschreibung

Schriftfarbe der Legende

pagerIconColor

Type: string | undefined

Beschreibung

Farbe des Pager-Icons

pagerIconDisableColor

Type: string | undefined

Beschreibung

Farbe des deaktivierten Pager-Icons

labelFontSize

Type: number | undefined

Beschreibung

Schriftgröße der Legende

Beispiel

labelFontColor

Type: string | undefined

Beschreibung

Schriftfarbe der Legende

labelFontWeight

Type: string | number | undefined

Beschreibung

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

Beschreibung

Legendenform

Warning

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

Beschreibung

Legendenposition

Beispiel

maxSize

Type: number | undefined

Beschreibung

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

Warning

Nur für diskrete Legenden wirksam

Beispiel

tooltip

Type: Tooltip | undefined

Beschreibung

Ob die Brush-Auswahl aktiviert wird

enable

Type: false | true

Beschreibung

Ob Tooltip-Informationen aktiviert sind

brush

Type: Brush | undefined

Beschreibung

Brush-Auswahlmodus: einzeln oder mehrfach

enable

Type: boolean | undefined

Beschreibung

Ob die Brush-Auswahl aktiviert ist

brushType

Type: "rect" | "x" | "y" | "polygon" | undefined

Beschreibung

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

Beschreibung

Deckkraft of selected data points, range 0-1

removeOnClick

Type: boolean | undefined

Beschreibung

Ob der Brush-Bereich nach dem Ende der Auswahl gelöscht wird

inBrushStyle

Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined

Beschreibung

Stil für Daten innerhalb des Brush-Bereichs

Definiert den Stil ausgewählter Datenpunkte

opacity

Type: number | undefined

Beschreibung

Deckkraft

Deckkraft ausgewählter Datenpunkte, Wertebereich 0 bis 1

stroke

Type: string | undefined

Beschreibung

Strichfarbe

lineWidth

Type: number | undefined

Beschreibung

Strichbreite

outOfBrushStyle

Type: { opacity?: number; stroke?: string; lineWidth?: number; } | undefined

Beschreibung

X-Achse, Kategorieachse, X-Achsenkonfiguration; definiert die X-Achse des Diagramms einschliesslich Position, Format, Stil usw.

opacity

Type: number | undefined

Beschreibung

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

stroke

Type: string | undefined

Beschreibung

Strichfarbe

lineWidth

Type: number | undefined

Beschreibung

Strichbreite

theme

Type: Theme | undefined

Beschreibung

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

Beschreibung

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