VisActor VBI
  • Deutsch

      • Sunburst

      Encoding-Zuordnung

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

      color: Farbkanal, unterstützt mehrere Dimensionen oder eine Kennzahl

      label: Beschriftungskanal, unterstützt mehrere Dimensionen und mehrere Kennzahlen

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

      Beschreibung

      Das Sunburst-Diagramm zeigt hierarchische Daten an, wobei die Größe jedes Sektors seinen numerischen Wert darstellt.

      Geeignete Szenarien:

      - Prozentuale Verteilung mehrstufiger hierarchischer Daten anzeigen

      - Hierarchische Beziehungen und Anteile hervorheben

      Warning

      Datenanforderungen:

      - Mindestens 1 numerisches Feld zur Zuordnung der Flächengröße

      - Mindestens 1 Dimensionenfeld für die hierarchische Aufteilung

      chartType

      Type: "sunburst"

      Beschreibung

      Sunburst-Diagramm

      Sunburst-Diagramm zur Darstellung proportionaler Beziehungen in hierarchischen Daten.

      Beispiel 'sunburst'

      dataset

      Type: Record[]

      Beschreibung

      Datensatz

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

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

      dimensions

      Type: HierarchyDimension[] | undefined

      Beschreibung

      Dimensionen

      Dimensionskonfiguration zur Definition der hierarchischen Datenstruktur.

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

      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 Genauigkeit der Datumsanzeige

      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

      Tipp

      Die erste Dimension wird direkt dem Farbkanal zugeordnet.

      measures

      Type: HierarchyMeasure[] | undefined

      Beschreibung

      Kennzahlen

      Kennzahlkonfiguration zur Definition der Größe (Fläche) der Sektoren.

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

      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 (Dezimalzahl), Prozent (%), Promille (‰) und wissenschaftliche Notation

      ratio

      Type: number | undefined

      Beschreibung

      Verhältnis der Zahlenformatierung, 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

      Symbol der Zahlenformatierung, z. B. %, ‰

      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 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 (Dezimalzahl), Prozent (%), Promille (‰) und wissenschaftliche Notation

      ratio

      Type: number | undefined

      Beschreibung

      Verhältnis der Zahlenformatierung, 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

      Symbol der Zahlenformatierung, z. B. %, ‰

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

      Tipp

      Es gibt zwei Möglichkeiten, den Kennzahlbaum zu konfigurieren: Option 1 konfiguriert den Kennzahlbaum direkt mit children; Option 2 konfiguriert eine flache Kennzahlliste mit parentId. Beide Methoden können nicht gleichzeitig verwendet werden

      page

      Type: Page | undefined

      Beschreibung

      Paginierungskonfiguration

      Legt den Feldnamen für die Paginierung fest; muss eine Dimension sein

      field

      Type: string

      Beschreibung

      Paginierungsfeld; legt den Feldnamen für die Paginierung fest und muss eine Dimension sein

      currentValue

      Type: string

      Beschreibung

      Aktueller Paginierungswert; legt den Wert fest, mit dem die aktuelle Seite bestimmt wird

      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

      Farbkonfiguration zur Definition des Farbschemas des Diagramms, einschließlich Farblisten, Farbzuordnungen und Farbverläufen.

      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 Verlaufsfarbschema zur Definition der Farben verschiedener Elemente im Diagramm

      Beispiel ['#FFCDD2, #F8BBD0]

      colorMapping

      Type: Record<string, string> | undefined

      Beschreibung

      Farbzuordnung, mit der Datenwerte bestimmten Farben zugeordnet werden

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

      positiveColor

      Type: string | undefined

      Beschreibung

      Konfiguration für positive/negative Farben; definiert die Farbe positiver Werte im Diagramm

      negativeColor

      Type: string | undefined

      Beschreibung

      Konfiguration für positive/negative Farben; definiert die Farbe negativer Werte im Diagramm

      label

      Type: Label | undefined

      Beschreibung

      Beschriftung

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

      enable

      Type: false | true

      Beschreibung

      Ob die Beschriftungsfunktion aktiviert ist

      wrap

      Type: boolean | undefined

      Beschreibung

      Ob Beschriftungen in die nächste Zeile umbrechen

      showValue

      Type: boolean | undefined

      Beschreibung

      Ob Beschriftungen Kennzahlwerte anzeigen

      In Szenarien mit mehreren Kennzahlen gibt es keine Wertkonflikte, da alle darstellungsbezogenen Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl zusammengeführt werden, die einen einzelnen Datenpunkt repräsentiert

      Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label in encoding aus

      showValuePercent

      Type: boolean | undefined

      Beschreibung

      Ob Beschriftungen den Prozentsatz der Kennzahlwerte anzeigen

      In Szenarien mit mehreren Kennzahlen gibt es keine Wertkonflikte, da alle darstellungsbezogenen Kennzahlen durch foldMeasures verarbeitet und zu einer Kennzahl zusammengeführt werden, die einen einzelnen Datenpunkt repräsentiert

      Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label in encoding aus

      showDimension

      Type: boolean | undefined

      Beschreibung

      Ob Beschriftungen Dimensionsbezeichnungen anzeigen

      Alle Dimensionsbezeichnungen anzeigen

      Hinweis: Das label in encoding hat höhere Priorität; diese Konfiguration wirkt sich nicht auf das label in encoding aus

      autoFormat

      Type: boolean | undefined

      Beschreibung

      Ob Beschriftungswerte automatisch formatiert werden; wenn autoFormat true ist, wird die numFormat-Konfiguration ignoriert

      numFormat

      Type: NumFormat | undefined

      Beschreibung

      Formatkonfiguration für Beschriftungswerte; wird mit format in measure zusammengeführt, wobei format in measure höhere Priorität hat. numFormat hat niedrigere Priorität als autoFormat

      type

      Type: "number" | "percent" | "permille" | "scientific" | undefined

      Beschreibung

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

      ratio

      Type: number | undefined

      Beschreibung

      Verhältnis der Zahlenformatierung, 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

      Symbol der Zahlenformatierung, z. B. %, ‰

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

      labelFontSize

      Type: number | undefined

      Beschreibung

      Beschriftung font size

      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

      BeschriftungfontFarbe

      labelColorSmartInvert

      Type: boolean | undefined

      Beschreibung

      Ob die Schriftfarbe der Beschriftung anhand der Farbe des grafischen Elements automatisch invertiert wird

      labelPosition

      Type: "inside" | "outside" | undefined

      Beschreibung

      Beschriftungsposition

      labelOverlap

      Type: boolean | undefined

      Beschreibung

      Ob die Anti-Überlappungsfunktion für Beschriftungen aktiviert ist

      selector

      Type: Selector | Selectors | undefined

      Beschreibung

      Beschriftung filtering; the default relationship between selectors is OR

      field

      Type: string

      Beschreibung

      Dimensionsfeld; ID eines bestimmten Dimensionselements

      operator

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

      Beschreibung

      Operator

      - in: Wählt Datenelemente aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

      - not in: Wählt Datenelemente aus, deren Dimensionsfeldwert nicht im angegebenen Wert enthalten ist

      op

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

      Beschreibung

      Operator

      - in: Wählt Datenelemente aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

      - not in: Wählt Datenelemente aus, deren Dimensionsfeldwert nicht im angegebenen Wert enthalten ist

      gleich wie operator

      value

      Type: string | number | (string | number)[]

      Beschreibung

      Wählt Dimensionsfeldwerte aus; unterstützt Arrays

      dynamicFilter

      Type: ChartDynamicFilter | undefined

      Beschreibung

      Dynamischer Filter (Ausführung von KI-generiertem Code)

      Implementiert komplexe Datenfilterlogik über KI-generierten JavaScript-Code

      Kernfunktionen:

      - Unterstützt beliebig komplexe Datenfilterbedingungen

      - Nutzt integrierte Hilfsfunktionen zur Datenmanipulation

      - Sichere Ausführung in der Browserumgebung (Web-Worker-Sandbox)

      Umgebungsanforderungen: Unterstützt nur Browserumgebungen; in Node.js-Umgebungen wird fallback verwendet

      Hinweis: selector und dynamicFilter können nicht gleichzeitig verwendet werden; dynamicFilter hat höhere Priorität

      Dynamische Filterkonfiguration des Diagramms

      Implementiert das Filtern von Diagrammmarkierungen (Balken, Punkte usw.) über KI-generierten JavaScript-Code

      type

      Type: "row-with-field"

      description

      Type: string | undefined

      Beschreibung

      Beschreibung der Filteranforderung des Benutzers (natürliche Sprache)

      Beispiel "Spalten mit Verkäufen über 1000 hervorheben"

      "Die Spalte mit der höchsten Gewinnmarge in jedem Bereich hervorheben"

      code

      Type: string

      Beschreibung

      KI-generierter JavaScript-Filtercode

      - Es dürfen nur integrierte Hilfsfunktionen verwendet werden (Zugriff über _ oder R)

      - Eingabeparameter: data (Array), wobei jedes Element ein __row_index-Feld mit der Zeilennummer enthält

      - Muss ein Array aus Zeilenindex- und Feldkombinationen zurückgeben: Array<{ __row_index: number, field: string }>

      - __row_index repräsentiert die Zeilennummer des ursprünglichen Datenelements; field repräsentiert das hervorzuhebende Feld

      - Verboten: eval, Function, asynchrone Operationen, DOM API, Netzwerkanfragen

      Beispiel Das sales-Feld von Datenelementen mit Verkäufen über 1000 hervorheben

      const filtered = _.filter(data, item => item.sales > 1000);
return _.map(filtered, item => ({
__row_index: item.__row_index,
field: 'sales'
}));

      Datenelemente mit der höchsten Gewinnmarge in jedem Bereich hervorheben

      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' }
])
);

      Nach mehreren Bedingungen gefilterte Datenelemente hervorheben

      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-Plan, wenn die Codeausführung fehlschlägt oder die Umgebung nicht unterstützt wird

      field

      Type: string

      Beschreibung

      Dimensionsfeld; ID eines bestimmten Dimensionselements

      operator

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

      Beschreibung

      Operator

      - in: Wählt Datenelemente aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

      - not in: Wählt Datenelemente aus, deren Dimensionsfeldwert nicht im angegebenen Wert enthalten ist

      op

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

      Beschreibung

      Operator

      - in: Wählt Datenelemente aus, deren Dimensionsfeldwert im angegebenen Wert enthalten ist

      - not in: Wählt Datenelemente aus, deren Dimensionsfeldwert nicht im angegebenen Wert enthalten ist

      gleich wie operator

      value

      Type: string | number | (string | number)[]

      Beschreibung

      Wählt Dimensionsfeldwerte aus; unterstützt Arrays

      result

      Type: DynamicFilterExecutionResult<RowWithFieldRes> | undefined

      Beschreibung

      Ausführungsergebnis des dynamischen Filters (Laufzeitfeld)

      Wird während der prepare()-Phase geschrieben; zur Laufzeit schreibgeschützt

      success

      Type: false | true

      data

      Type: T[] | undefined

      error

      Type: string | undefined

      tooltip

      Type: Tooltip | undefined

      Beschreibung

      Tooltips

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

      enable

      Type: false | true

      Beschreibung

      Ob Tooltips aktiviert sind

      theme

      Type: Theme | undefined

      Beschreibung

      Diagramm-Theme; Themes haben niedrigere Priorität und enthalten gemeinsame Konfigurationen für alle Diagrammtypen sowie spezifische Konfigurationen einzelner Diagrammkategorien

      Integrierte helle und dunkle Themes; Benutzer können über den Builder eigene Themes definieren

      Theme

      Integrierte helle und dunkle Themes; neue Themes können über registerTheme angepasst werden.

      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 'zh-CN' und 'en-US'. Zusätzlich kann die Methode intl.setLocale('zh-CN') aufgerufen werden, um die Sprache festzulegen.