VisActor VBI
  • Deutsch

      • Pie

      Empfehlung

      - Empfohlene Feldkonfiguration: 1 Kennzahl, 1 Dimension

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

      Encoding-Zuordnung

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

      angle : Winkelkanal, unterstützt mehrere Kennzahlen und ordnet Kennzahlenwerte den Segmentwinkeln 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

      Kreisdiagramm, geeignet zur Darstellung des Anteilsverhältnisses von Daten einer einzelnen Dimension; die Segmentfläche zeigt den Anteil jeder Kategorie.

      Anwendungsszenarien:

      - Darstellung der Anteilsverteilung kategorialer Daten

      - Hervorhebung der Beziehung zwischen Ganzem und Teilen

      - Anteilsanalyse bei wenigen Kategorien (empfohlen höchstens 6)

      Warning

      Datenanforderungen:

      - Mindestens 1 numerisches Feld (Kennzahl)

      - Alle Dimensionen werden mit Kennzahlennamen zusammengeführt, 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 Anteilsberechnung sind standardmäßig aktiviert

      chartType

      Type: "pie"

      Beschreibung

      Kreisdiagramm

      Kreisdiagramm, das das Anteilsverhältnis von Daten einer einzelnen Dimension darstellt

      Beispiel 'pie'

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

      Alle Dimensionen des Kreisdiagramms werden mit Kennzahlennamen zusammengeführt, wenn mehrere Kennzahlen vorhanden sind, zu einer Dimension zusammengeführt, auf den Winkel abgebildet 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: PieMeasure[] | undefined

      Beschreibung

      Kennzahlen

      Alle Kennzahlen im Kreisdiagramm werden automatisch zu einer Kennzahl zusammengeführt und auf die Radiusachse gemappt. Wenn mehrere Kennzahlen vorhanden sind, werden 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 (‰), 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'

      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

      animation

      Type: PieLikeAnimation | undefined

      Beschreibung

      Auto-Hide-Intervall fur Achsenbeschriftungen; wenn der Abstand zwischen zwei Textbeschriftungen kleiner als autoHideGap ist, wird die uberlappende Beschriftung automatisch ausgeblendet. Nur fur Kategorieachsen wirksam.

      Wenn autoHide deaktiviert ist, wird Sampling verwendet, konfiguriert uber minGap

      enable

      Type: boolean | undefined

      Beschreibung

      Ob Animationen für Kreis-/Donut-/Rose-Diagramme aktiviert werden

      params

      Type: PieLikeAnimationParams | undefined

      Beschreibung

      Animationsparameter für Kreis-/Donut-/Rose-Diagramme

      appear

      Type: PieLikeAppearAnimation | undefined

      Beschreibung

      Konfiguration der Eingangsanimation für Kreis-/Donut-/Rose-Diagramme

      effects

      Type: ("radial" | "scale")[] | undefined

      Beschreibung

      Eingangseffekte für Kreis-/Donut-/Rose-Diagramme; unterstützt radiale und Skalierungsanimationen

      enable

      Type: boolean | undefined

      Beschreibung

      Ob die aktuelle Animationsphase aktiviert ist

      ease

      Type: string | undefined

      Beschreibung

      Animation-Easing-Funktion

      duration

      Type: number | undefined

      Beschreibung

      Animationsdauer in Millisekunden

      color

      Type: string | undefined

      Beschreibung

      Hervorhebungs- oder Atmosphärenfarbe der Animation

      update

      Type: PieLikeUpdateAnimation | undefined

      Beschreibung

      Konfiguration der Aktualisierungsanimation für Kreis-/Donut-/Rose-Diagramme

      effects

      Type: "radial"[] | undefined

      Beschreibung

      Aktualisierungseffekt für Kreis-/Donut-/Rose-Diagramme; unterstützt radiale Animation

      enable

      Type: boolean | undefined

      Beschreibung

      Ob die aktuelle Animationsphase aktiviert ist

      ease

      Type: string | undefined

      Beschreibung

      Animation-Easing-Funktion

      duration

      Type: number | undefined

      Beschreibung

      Animationsdauer in Millisekunden

      color

      Type: string | undefined

      Beschreibung

      Hervorhebungs- oder Atmosphärenfarbe der Animation

      loop

      Type: PieLikeAnimationLoop | undefined

      Beschreibung

      Konfiguration der Schleifenanimation für Kreis-/Donut-/Rose-Diagramme

      enable

      Type: boolean | undefined

      Beschreibung

      Ob Loop-Animation aktiviert ist

      interval

      Type: number | undefined

      Beschreibung

      Loop-Animationsintervall in Millisekunden

      loop

      Type: PieLikeLoopAnimation | undefined

      Beschreibung

      Konfiguration der Schleifenanimation für Kreis-/Donut-/Rose-Diagramme

      effects

      Type: PieLikeLoopEffect[] | undefined

      Beschreibung

      Schleifeneffekt für Kreis-/Donut-/Rose-Diagramme

      enable

      Type: boolean | undefined

      Beschreibung

      Ob die aktuelle Animationsphase aktiviert ist

      ease

      Type: string | undefined

      Beschreibung

      Animation-Easing-Funktion

      duration

      Type: number | undefined

      Beschreibung

      Animationsdauer in Millisekunden

      color

      Type: string | undefined

      Beschreibung

      Hervorhebungs- oder Atmosphärenfarbe der Animation

      atmosphere

      Type: NoEffectAtmosphereConfig | undefined

      Beschreibung

      Konfiguration der Atmosphäre-Animation für Kreis-/Donut-/Rose-Diagramme

      ease

      Type: string | undefined

      Beschreibung

      Easing-Funktion der Atmosphärenanimation

      color

      Type: string | undefined

      Beschreibung

      Farbe der Atmosphärenanimation

      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