VisActor VBI
  • Deutsch

      • Funnel

      Empfohlen
      • Empfohlene Feldkonfiguration: 1 Kennzahl, 1 Dimension

      - Unterstützt Datenumformung: mindestens 1 Kennzahl, 0 Dimensionen

      Encoding-Zuordnung

      Das Trichterdiagramm unterstützt die folgenden visuellen Kanäle:

      size : Größenkanal, unterstützt mehrere Kennzahlen und ordnet Kennzahlenwerte der Trichterbreite zu

      detail : Detailkanal, unterstützt mehrere Dimensionen und wird verwendet, um feinere Daten innerhalb derselben Farbserie darzustellen

      color : Farbkanal, unterstützt mehrere Dimensionen oder eine Kennzahl. Dimensionsfarben unterscheiden Datenserien, Kennzahlenfarben ordnen Kennzahlenwerte linear grafischen Farben zu

      tooltip: Tooltip-Kanal, unterstützt mehrere Dimensionen und mehrere Kennzahlen und wird angezeigt, wenn der Mauszeiger über einem Datenpunkt liegt

      label : Label-Kanal, unterstützt mehrere Dimensionen und mehrere Kennzahlen und zeigt Datenlabels auf Datenpunkten an

      Beschreibung

      Trichterdiagramm, verwendet zur Darstellung des Anteilsverhältnisses von Daten einer einzelnen Dimension.

      Anwendungsszenarien:

      Anwendungsszenarien für Trichterdiagramme:

      - Geeignet zur Analyse von Prozessen mit mehreren aufeinanderfolgenden, standardisierten Schritten und zur klaren Darstellung von Datenverlust oder Konversion in jeder Phase

      Warning

      Datenanforderungen:

      - Mindestens 1 numerisches Feld (Kennzahl)

      - Alle Dimensionen werden mit Kennzahlennamen (wenn mehrere Kennzahlen vorhanden sind) zu einer Dimension zusammengeführt und als Legendeneinträge angezeigt

      - Alle Kennzahlen werden automatisch zu einer Kennzahl zusammengeführt

      Standardmäßig aktivierte Funktionen:

      - Legende, Datenlabels, Tooltips und Prozentberechnung sind standardmäßig aktiviert

      chartType

      Type: "funnel"

      Beschreibung

      Trichterdiagramm

      Trichterdiagramm, das das Anteilsverhältnis von Daten einer einzelnen Dimension darstellt.

      Beispiel 'funnel'

      dataset

      Type: Record[]

      Beschreibung

      Datensatz. Ein bereits aggregierter Datensatz nach TidyData-Spezifikation, der Datenquelle und Struktur des Diagramms definiert. Benutzereingaben müssen nicht vorverarbeitet werden; VSeed verfügt über leistungsfähige Datenumformungsfunktionen und formt die Daten automatisch um. Die Daten des Trichterdiagramms werden schließlich in 1 Dimension und 1 Kennzahl umgewandelt.

      Beispiel [{category:'A', value:30}, {category:'B', value:70}]

      dimensions

      Type: PieDimension[] | undefined

      Beschreibung

      Dimensionen

      Bei Trichterdiagrammen werden alle Dimensionen mit Kennzahlennamen (wenn mehrere Kennzahlen vorhanden sind) zu einer Dimension zusammengeführt und als Legendeneinträge angezeigt.

      Beispiel [{id: 'category', alias: 'Kategorie'}]

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

      measures

      Type: FunnelMeasure[] | undefined

      Beschreibung

      Kennzahlen

      Bei Trichterdiagrammen werden alle Kennzahlen automatisch zu einer Kennzahl zusammengeführt. Wenn mehrere Kennzahlen vorhanden sind, werden die Kennzahlennamen mit den übrigen Dimensionen zusammengeführt und als Legendeneinträge angezeigt.

      Beispiel [{id: 'value', alias: 'Wertanteil', format: 'percent'}]

      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 (‰) und wissenschaftliche Notation

      ratio

      Type: number | undefined

      Beschreibung

      Zahlenformatierungsverhältnis. Darf nicht 0 sein

      Beispiel - 100000 wird zu 10万 konvertiert, 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万 konvertiert, 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, fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.6, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780, 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, significantDigits:1 - 1234.5678 wird zu 1200, significantDigits:2 - 1234.5678 wird zu 1230, significantDigits:3 - 1234.5678 wird zu 1234, significantDigits:4 - 1234.5678 wird zu 1234.6, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, 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, significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 wird zu 1234.5678, 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万 konvertiert, 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万 konvertiert, 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, fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.6, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780, 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, significantDigits:1 - 1234.5678 wird zu 1200, significantDigits:2 - 1234.5678 wird zu 1230, significantDigits:3 - 1234.5678 wird zu 1234, significantDigits:4 - 1234.5678 wird zu 1234.6, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, 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, significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 wird zu 1234.5678, 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: "color" | "tooltip" | "label" | "size" | undefined

      Beschreibung

      Kanal, dem die Kennzahl zugeordnet wird

      - label: Kennzahl, die dem Beschriftungskanal zugeordnet wird

      - color: Kennzahl, die dem Farbkanal zugeordnet wird

      - label: Kennzahl, die dem Label-Kanal 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

      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

      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

      Konfiguration linearer Verlaufsfarben, verwendet zur Definition des Farbschemas des Diagramms

      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

      Label-Konfiguration zur Definition der Datenlabels im Diagramm, 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 10万 konvertiert, 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万 konvertiert, 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, fractionDigits:0 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.6, fractionDigits:1 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, fractionDigits:2 (roundingMode:halfCeil) - 1234.5678 wird zu 1230.568, fractionDigits:3 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, fractionDigits:4 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.56780, 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, significantDigits:1 - 1234.5678 wird zu 1200, significantDigits:2 - 1234.5678 wird zu 1230, significantDigits:3 - 1234.5678 wird zu 1234, significantDigits:4 - 1234.5678 wird zu 1234.6, significantDigits:5 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.57, significantDigits:6 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.568, significantDigits:7 (roundingMode:halfCeil) - 1234.5678 wird zu 1234.5678, 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, significantDigits:3 (roundingPriority:lessPrecision) - 1234.5678 wird zu 1234.5678, 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 - Unterstützt beliebig komplexe Datenfilterbedingungen

      - Verwendet integrierte Hilfsfunktionen für Datenoperationen

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

      Beschreibung

      Konfiguration der Farblegende, einschließlich Position, Format, Stil usw.

      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 position: 'rightTop'

      enable

      Type: boolean | undefined

      Beschreibung

      Ob die Legende aktiviert ist

      Beispiel enable: true

      labelColor

      Type: string | undefined

      Beschreibung

      Schriftfarbe der Legende

      labelFontColor

      Type: string | undefined

      Beschreibung

      Schriftfarbe der Legende

      labelFontSize

      Type: number | undefined

      Beschreibung

      Schriftgröße der Legende

      Beispiel labelFontSize: 10

      labelFontWeight

      Type: string | number | undefined

      Beschreibung

      Schriftstärke der Legende

      Beispiel labelFontWeight: 400

      railBackgroundColor

      Type: string | undefined

      handlerBorderColor

      Type: string | undefined

      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

      Datenselektor. Wenn konfiguriert, bietet er Matching-Funktionen für numerische Werte, partielle Datenelemente, Dimensionen oder Kennzahlen. Wenn nicht gesetzt, gelten Stile global.

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

      _.map(maxItems, item => [

      Beispiel 'dark'

      'light'

      'customThemeName'

      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