HierarchySankey

Encoding-Zuordnung

Das Hierarchie-Sankey-Diagramm unterstützt die folgenden visuellen Kanäle:

hierarchy: Hierarchiekanal, unterstützt mehrere Dimensionen

size: Größenkanal, unterstützt eine Kennzahl

label: Label-Kanal, unterstützt mehrere Dimensionen und mehrere Kennzahlen

tooltip: Tooltip-Kanal, unterstützt mehrere Dimensionen und mehrere Kennzahlen

Beschreibung

Hierarchie-Sankey-Diagramm zur Darstellung hierarchischer Flussdaten. Baumknoten und Flussverbindungen zeigen Hierarchiebeziehungen und Flussgrößen.

Anwendungsszenarien:

- Darstellung hierarchischer Flussbeziehungen von vorgelagerten zu nachgelagerten Ebenen

- Hervorhebung von Flussverteilung und Pfadweitergabe in Baumstrukturen

Warning

Datenanforderungen:

- Mindestens 1 Dimensionsfeld zum Aufbau der Hierarchiestruktur

- Mindestens 1 numerisches Feld (Kennzahl) zur Abbildung der Flussgröße

- advanced pipeline muss tidyData in eine von VChart unterstützte baumartige children-Struktur umwandeln

chartType

Type: "hierarchySankey"

Beschreibung

Hierarchie-Sankey-Diagramm

Hierarchie-Sankey-Diagramm, zeigt Flussbeziehungen und Flussgrößen in einer Hierarchiestruktur

Beispiel 'hierarchySankey'

dataset

Type: Record[]

Beschreibung

Datensatz

Ein bereits aggregierter Datensatz nach TidyData-Spezifikation, der Datenquelle und Struktur des Diagramms definiert

Beispiel [{region: 'Nordchina', province: 'Hebei', value: 30}, {region: 'Südchina', province: 'Guangdong', value: 70}]

dimensions

Type: HierarchyDimension[] | undefined

Beschreibung

Dimensionen

Dimensionskonfiguration zur Definition der Hierarchiestruktur; unterstützt die Kanäle hierarchy / label / tooltip

Beispiel [{id: 'region', alias: 'Region'}, {id: 'province', alias: 'Provinz'}]

id

Type: string

Beschreibung

Feld-ID der Dimension

alias

Type: string | undefined

Beschreibung

Dimensionsalias

timeFormat

Type: TimeFormat | undefined

Beschreibung

Datumsformat-Konfiguration der Dimension

type

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

Beschreibung

Zeitgranularität, bestimmt die Anzeigegenauigkeit des Datums

encoding

Type: "tooltip" | "label" | "hierarchy" | undefined

Beschreibung

Kanal, dem die Dimension zugeordnet wird

- hierarchy: unterstützt das Zuordnen mehrerer Dimensionen zum Hierarchiekanal

- label: unterstützt das Zuordnen mehrerer Dimensionen zum Beschriftungskanal

- tooltip: unterstützt das Zuordnen mehrerer Dimensionen zum Tooltip-Kanal

Tip

Die erste Dimension wird direkt dem Farbkanal zugeordnet.

measures

Type: HierarchyMeasure[] | undefined

Beschreibung

Kennzahlen

Kennzahlkonfiguration zur Definition der Flussgröße; unterstützt die Kanäle size / label / tooltip

Beispiel [{id: 'value', alias: 'Fluss'}]

id

Type: string

Beschreibung

Kennzahl-ID. Darf nicht doppelt vorkommen

alias

Type: string | undefined

Beschreibung

Kennzahl-Alias. Duplikate sind erlaubt. Wenn nicht angegeben, verwendet alias die id

autoFormat

Type: boolean | undefined

Beschreibung

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

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

Wenn aktiviert, wählen Diagrammbeschriftungen und Tooltips anhand von Kennzahlwerten und Locale automatisch ein passendes Format

Formatierungsregeln: Dezimalzahlen mit aktivierter compact notation, mindestens 0 und höchstens 2 Dezimalstellen, automatische Rundung, umgesetzt mit dem Browser-Intl.NumberFormat

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, automatisch auf label und tooltip angewendet

Hinweis: Um benutzerdefinierte Formatierung zu verwenden, autoFormat=false explizit setzen; andernfalls überschreibt autoFormat diese Konfiguration

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 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"

symbol

Type: string | undefined

Beschreibung

Zahlenformatierungssymbol, z. B. % oder ‰

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 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 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 Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits aus Browser Intl.NumberFormat. 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 significantDigits und fractionDigits gleichzeitig gesetzt sind; verwendet Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat 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 Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat roundingMode

format

Type: NumFormat | undefined

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 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"

symbol

Type: string | undefined

Beschreibung

Zahlenformatierungssymbol, z. B. % oder ‰

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 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 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 Zahlenformatierung, verwendet minimumSignificantDigits und maximumSignificantDigits aus Browser Intl.NumberFormat. 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 significantDigits und fractionDigits gleichzeitig gesetzt sind; verwendet Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat 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 Browser Intl.NumberFormat mit denselben Regeln wie Intl.NumberFormat roundingMode

encoding

Type: "tooltip" | "label" | "size" | undefined

Beschreibung

Kanal, dem die Kennzahl zugeordnet wird

- size: Kennzahl, die dem Größenkanal zugeordnet wird, um Fläche oder Größe in Diagrammen wie Treemaps und Sunbursts anzuzeigen.

- 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

Legt den Feldnamen für die Paginierung fest; 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'

backgroundColor

Type: BackgroundColor

Beschreibung

Die Hintergrundfarbe kann eine Farbzeichenfolge wie 'red' oder 'blue' sein, aber auch hex, rgb oder rgba, z. B. '#ff0000' oder 'rgba(255,0,0,0.5)'

color

Type: Color | undefined

Beschreibung

Farbe

Farbkonfiguration zur Definition des Farbschemas des Diagramms, einschließlich Farbliste, Farbzuordnung, Farbverläufen usw.

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: Label | undefined

Beschreibung

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

Beschriftungskonfiguration zur Definition der Datenlabels des Diagramms, einschließlich Position, Format, Stil usw.

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 10万, ratio:10000, symbol:"万" - 100000 wird zu 10K konvertiert, ratio:1000, symbol:"K"

symbol

Type: string | undefined

Beschreibung

Zahlenformatierungssymbol, z. B. % oder ‰

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

legend

Type: Legend | undefined

Beschreibung

Legendenkonfiguration zur Definition von Anzeige, Position und Stil der Farblegende des Hierarchie-Sankey-Diagramms

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

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

enable

Type: false | true

Beschreibung

Ob Tooltip-Informationen aktiviert sind

theme

Type: Theme | undefined

Beschreibung

Enthält die zwei integrierten Themes light und dark; Benutzer können Themes über Builder anpassen

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

_.map(maxItems, item => [

Beispiel 'dark'

'light'

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'