

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

# Layout-Definition
<a name="layout-definition"></a>

Grundlegendes zur Struktur und den Komponenten von Profil-Explorer-Layouts.

**Topics**
+ [

# Funktionsweise
](how-it-works.md)
+ [

# Widgets
](widgets.md)

# Funktionsweise
<a name="how-it-works"></a>

Der Profil-Explorer bietet verschiedene Widgets zur Anzeige von Kundeninformationen. Layouts werden als JSON-Definitionen gespeichert und stellen die vollständige Struktur und Konfiguration Ihres Dashboards dar. Jedes Widget und jede Komponente in Ihrem visuellen Layout entspricht einem bestimmten JSON-Block innerhalb dieser Definition.

## Kernkomponenten
<a name="core-components"></a>

Jede Komponente in der Layoutdefinition besteht aus fünf gemeinsamen Elementen:
+ **Typ**
  + Definiert die Komponentenkategorie
  + Legt fest, wie die Komponente dargestellt wird
  + Beispiele: BoardItem, Tabelle, KeyValuePair
+ **Id**
  + Eindeutige Kennung der einzelnen Komponenten
  + Wird für die Nachverfolgung und Aktualisierung von Komponenten verwendet
  + Wird automatisch generiert, wenn Komponenten im Builder erstellt werden
+ **Props**
  + Komponentenspezifische Eigenschaften
  + Steuert das Aussehen und das Verhalten
  + Enthält Konfigurationseinstellungen
+ **Kinder**
  + Verschachtelte Komponenten oder Inhalte
  + Definiert hierarchische Beziehungen
  + Kann mehrere Unterkomponenten enthalten
+ **DataSource**
  + Gibt die Datenherkunft an
  + Definiert Parameter für den Datenabruf
  + Steuert die Datenbindung für Komponenten

## Beispiel für die Definition einer Layoutkomponente
<a name="example-layout-component-definition"></a>

Im Folgenden finden Sie ein Beispiel für eine JSON-Struktur für eine Dashboard-Tabellenkomponente:

```
{
    "Id": "unique-identifier",
    "Type": "BoardItem",
    "Props": {},
    "Children": [
        {
            "Id": "unique-identifier",
            "Type": "Table",
            "Props": {},
            "Children": [
                {
                    "Id": "unique-identifier",
                    "Type": "TextContent",
                    "Props": {},
                    "Children": ["string"]
                }
            ]
        }
    ],
    "DataSource": [
        {
            "Type": "source-type",
            "Params": {}
        }
    ]
}
```

## Konfiguration dynamischer Daten
<a name="dynamic-data-configuration"></a>

Der Profil-Explorer greift mithilfe von Vorlagenausdrücken dynamisch auf Customer-Profiles-Daten in Ihren Komponenten zu und macht diese sichtbar.

### Unterstützung von einzelnen Werten
<a name="single-value-support"></a>

Für Komponenten wie Schlüssel-Wert-Paare und Schlüsselmetriken können Sie auf Folgendes zugreifen:

#### Standardprofilinformationen
<a name="standard-profile-information"></a>

```
{{Customer.<StandardProfileInfo>}}
```

Beispielverwendung:
+ `{{Customer.FirstName}}`
+ `{{Customer.LastName}}`
+ `{{Customer.PhoneNumber}}`

#### Berechnete Attribute
<a name="calculated-attributes"></a>

```
{{Customer.CalculatedAttributes.<attributeDefinitionName>}}
```

Beispielverwendung:
+ `{{Customer.CalculatedAttributes._cases_count}}`
+ `{{Customer.CalculatedAttributes._new_customer}}`

### Syntax für die Unterstützung von Tabellendaten
<a name="tabular-data-support-syntax"></a>

#### Berechnete Attribute
<a name="calculated-attributes-tabular"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.CalculatedAttributeDefinitionName}}
```

#### Segmente
<a name="segments"></a>

```
{{Customer.CalculatedAttributes.DisplayName}}
```

```
{{Customer.CalculatedAttributes.SegmentDefinitionName}}
```

#### Profilobjekte
<a name="profile-objects"></a>

```
{{Customer.ObjectAttributes.<objectTypeName>.<fieldName>}}
```

**Beispielverwendung**:
+ `{{Customer.ObjectAttributes.CTR.contactId}}`
+ `{{Customer.ObjectAttributes.Order.orderId}}`

### Implementierungsbeispiele
<a name="implementation-examples"></a>

#### Einzelwertkomponente
<a name="single-value-component"></a>

```
{
    "Type": "KeyValuePair",
    "Props": {
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["Customer Name"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.FirstName}}"]
                    }
                }
            }
        ]
    }
}
```

#### Tabellenkomponente
<a name="tabular-component"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Cell": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.ObjectAttributes.CTR.contactId}}"]
                    }
                },
                "Header": "Contact ID"
            }
        ]
    }
}
```

**Anmerkung**  
Stellen Sie sicher, dass die Attribute, Objekte und Segmente, auf die Sie verweisen, in der Customer-Profiles-Konfiguration vorhanden sind, bevor Sie sie in Ihrem Layout verwenden.

# Widgets
<a name="widgets"></a>

Erkunden Sie die verschiedenen Widget-Typen, die im Profil-Explorer verfügbar sind.

## -Übersicht
<a name="widgets-overview"></a>

Widgets im Profil-Explorer sind zusammengesetzte Elemente, die aus JSON-Komponenten in Ihrer Layoutdefinition erstellt wurden. Diese Widgets stellen zwar komplexe JSON-Strukturen dar, unser UI Builder verarbeitet die technische Zusammensetzung jedoch automatisch, sodass die Dashboard-Verwaltung einfach und zugänglich ist.

**Topics**
+ [

## -Übersicht
](#widgets-overview)
+ [

## Verfügbare Widgets
](#available-widgets)
+ [

# Standard-Widgets
](default-widgets.md)
+ [

# Benutzerdefinierte Widgets
](custom-widgets.md)

## Verfügbare Widgets
<a name="available-widgets"></a>
+ Standard-Widgets
  + [Generative KI – Zusammenfassung](default-widgets.md#generative-ai-summary)
  + [Kundeninformationen](default-widgets.md#customer-information)
  + [Berechnetes Attribut](default-widgets.md#calculated-attribute)
  + [Kontakte](default-widgets.md#contacts)
  + [Fälle](default-widgets.md#cases-cp)
  + [Orders](default-widgets.md#orders-cp)
  + [Objekte](default-widgets.md#assets-cp)
+ Benutzerdefinierte Widgets
  + [Tabelle](custom-widgets.md#table-widget)
  + [Schlüssel-Wert-Paar](custom-widgets.md#key-value-pair)
  + [Schlüsselmetrik](custom-widgets.md#key-metric)
  + [Donut-Diagramme](custom-widgets.md#donut-chart)

# Standard-Widgets
<a name="default-widgets"></a>

Der Profil-Explorer enthält eine Sammlung vorkonfigurierter Widgets, die so konzipiert sind, dass sie nahtlos mit Customer-Profiles-Daten verwendet werden können. Diese Standard-Widgets bieten bei minimalem Einrichtungsaufwand einen sofortigen Mehrwert und ermöglichen es Ihnen, mit wenigen Klicks anspruchsvolle Dashboards zu erstellen.

![\[Fügen Sie dem Explorer-Layout Standard-Widgets hinzu.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/default-widgets-1.png)


## Ready-to-use Widgets
<a name="ready-to-use-widgets"></a>
+ [Generative KI – Zusammenfassung](#generative-ai-summary)
+ [Kundeninformationen](#customer-information)
+ [Berechnetes Attribut](#calculated-attribute)
+ [Kontakte](#contacts)
+ [Fälle](#cases-cp)
+ [Orders](#orders-cp)
+ [Objekte](#assets-cp)

**Anmerkung**  
Diese Widgets sind zwar vorkonfiguriert, Sie können sie aber dennoch an Ihre spezifischen Bedürfnisse anpassen. Sie dienen als Ausgangspunkt für einen einfachen Einstieg in die Anwendung.

## Generative KI – Zusammenfassung
<a name="generative-ai-summary"></a>

Der Profil-Explorer bietet KI-gestützte Standardinformationen über Kunden, aus denen sich präzise Zusammenfassungen der wichtigsten Verhaltensmuster generieren lassen, die personalisierte Kundeneinblicke auf der Grundlage des Interaktionsverlaufs bieten und verwertbare Empfehlungen aus 360-Grad-Kundendaten aufzeigen. Die KI-generierten Zusammenfassungen helfen Unternehmen dabei, datengestützte Entscheidungen zu treffen, indem sie Muster an mehreren Kundenkontaktpunkten identifizieren, personalisierte Einblicke in das Verhalten jedes einzelnen Kunden bieten und so zu einem verbesserten Kundenerlebnis und einer erhöhten Kundenbindung beitragen.

![\[Widget „Generative KI – Zusammenfassung“.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/generative-ai-summary-1.png)


## Kundeninformationen
<a name="customer-information"></a>

Das Widget „Kundeninformationen“ stellt mithilfe von Schlüssel-Wert-Paaren eine übersichtliche, organisierte Ansicht der Customer-Profiles-Standarddaten bereit. Dieses Standard-Widget zeigt automatisch wichtige Kundeninformationen in einem leicht zu durchsuchenden Format an.

### -Übersicht
<a name="customer-information-overview"></a>

Dieses Widget verwendet die Komponente „Schlüssel-Wert-Paar“, um Kundenattribute in einem strukturierten Layout anzuzeigen.
+ Vorname
+ Nachname
+ Email Address
+ Telefonnummer
+ Adresse
+ Kontonummer
+ Profil-ID

### Daten
<a name="customer-information-data"></a>

Das Widget stellt automatisch eine Verbindung mit Ihrer Customer-Profiles-Domain her und ruft Informationen aus Standardprofilattributen ab. Für die grundlegende Funktionalität ist keine zusätzliche Konfiguration erforderlich.

**Hinweis**: Dieses Widget ist mit Standard-Profilattributen vorkonfiguriert; Sie können jedoch je nach Ihren Anforderungen festlegen, welche Attribute aus dem Standardprofil angezeigt werden sollen.

#### Weitere Informationen
<a name="customer-information-learn-more"></a>
+ [Standardprofildefinition](standard-profile-definition.md)
+ Schlüssel-Wert-Paar

## Berechnetes Attribut
<a name="calculated-attribute"></a>

Mit dem Widget „Berechnetes Attribut“ können Sie eine Schlüsselmetrikkomponente anzeigen, die Daten aus den berechneten Attributen Ihrer Kundenprofile verwendet.

### -Übersicht
<a name="calculated-attribute-overview"></a>

Mit dem Widget „Berechnetes Attribut“ können Sie eine Schlüsselmetrikkomponente anzeigen, die Daten aus den berechneten Attributen Ihrer Kundenprofile verwendet.

### Komponenten-Feature
<a name="component-features"></a>
+ Anzeigen berechneter Metriken als Einzelwertindikatoren

### Beispiele für Anwendungsfälle
<a name="example-use-cases"></a>
+ Durchgeführte Kampagnen
+ Eröffnete Fälle
+ Durchschnittliche Gesprächszeit
+ Kanalpräferenz

### Konfiguration
<a name="configuration"></a>

Einfaches Auswählen des berechnete Attribut und des bevorzugten Anzeigeformats

**Anmerkung**  
Berechnete Attribute müssen in der Customer-Profiles-Domain konfiguriert werden, bevor sie in diesem Widget verwendet werden können.

**Weitere Informationen**
+ Schlüsselmetrik
+ [Einrichten von berechneten Attributen](customerprofiles-calculated-attributes-admin-website.md)

## Kontakte
<a name="contacts"></a>

Das Widget „Kontakte“ wurde mithilfe der JSON-Komponente „Tabelle“ erstellt und zeigt die Kontaktobjektdaten aus Customer Profiles in einem organisierten, tabellarischen Format an. Dieses Widget stellt automatisch eine Verbindung zu den CTR-Daten aus Customer Profiles her und zeigt wichtige Kontaktinformationen und den Interaktionsverlauf an.

### Features
<a name="contacts-features"></a>
+ Anzeigen aller Kundenkontaktereignisse
+ Sortieren und Filtern von Kontaktdatensätzen
+ Anpassen der angezeigten Kontaktfelder
+ Zugreifen auf detaillierte Kontaktinformationen

Weitere Informationen über CTR-Objekte in Customer Profiles finden Sie unter [Vorlagen für Kontaktdatensätze in Amazon Connect Customer Profiles](ctr-contact-record-template.md)

## Fälle
<a name="cases-cp"></a>

Das Widget „Fälle“ wurde mithilfe der JSON-Komponente „Tabelle“ erstellt und zeigt die Fallobjektdaten aus Customer Profiles in einem organisierten, tabellarischen Format an. Dieses Widget stellt automatisch eine Verbindung zu den Falldaten aus Customer Profiles her und zeigt Supportinteraktionen und Fallverwaltungsdetails an.

### Features
<a name="cases-features"></a>
+ Anzeigen aller Kundenfälle
+ Sortieren und Filtern von Falldatensätzen
+ Anpassen der angezeigten Fallfelder
+ Zugreifen auf detaillierte Fallinformationen

Weitere Informationen über Fallobjekte in Customer Profiles finden Sie unter [Objekttyp-Zuordnung für den Standard-Support-Fall in Customer Profiles](object-type-mapping-standard-case.md).

## Orders
<a name="orders-cp"></a>

Das Widget „Bestellungen“ wurde mithilfe der JSON-Komponente „Tabelle“ erstellt und zeigt die Bestellobjektdaten aus Customer Profiles in einem organisierten, tabellarischen Format an. Dieses Widget stellt automatisch eine Verbindung zu den Bestelldaten in Customer Profiles her und zeigt die Kaufhistorie und die Transaktionsdetails an.

### Features
<a name="orders-features"></a>
+ Anzeigen aller Bestellereignisse von Kunden
+ Sortieren und Filtern von Bestelldatensätzen
+ Anpassen der angezeigten Bestellfelder
+ Zugreifen auf detaillierte Bestellinformationen

Weitere Informationen über Bestellobjekte in Customer Profiles finden Sie unter [Objekttyp-Zuordnung für die Standardbestellung in Amazon Connect Customer Profiles](object-type-mapping-standard-order.md)

## Objekte
<a name="assets-cp"></a>

Das Widget „Assets“ wurde mithilfe der JSON-Komponente „Tabelle“ erstellt und zeigt die Komponentenobjektdaten aus Customer Profiles in einem organisierten, tabellarischen Format an. Dieses Widget stellt automatisch eine Verbindung zu den Komponentendaten aus Customer Profiles her und zeigt kundeneigene Produkte und Dienstleistungen an.

### Features
<a name="assets-features"></a>
+ Anzeigen aller Komponentendatensätze von Kunden
+ Sortieren und Filtern von Komponentendaten
+ Anpassen der angezeigten Komponentenfelder
+ Zugreifen auf detaillierte Komponenteninformationen

Weitere Informationen über Komponentenobjekte in Customer Profiles finden Sie unter [Objekttyp-Zuordnung für die Standardkomponente in Customer Profiles](object-type-mapping-standard-asset.md)

# Benutzerdefinierte Widgets
<a name="custom-widgets"></a>

Erstellen Sie von Grund auf maßgeschneiderte Dashboard-Komponenten, die Ihren spezifischen Geschäftsanforderungen entsprechen. Mit benutzerdefinierten Widgets können Sie einzigartige Visualisierungen ohne vordefinierte Daten erstellen.

![\[Fügen Sie dem Profil-Explorer-Layout benutzerdefinierte Widgets hinzu.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/custom-widgets-1.png)


## Verfügbare benutzerdefinierte Komponenten
<a name="available-custom-components"></a>
+ [Tabelle](#table-widget)
+ [Schlüssel-Wert-Paar](#key-value-pair)
+ [Schlüsselmetrik](#key-metric)
+ [Donut-Diagramme](#donut-chart)

## Erstellen von benutzerdefinierten Widgets
<a name="building-custom-widgets"></a>

**Jedes benutzerdefinierte Widget kann wie folgt konfiguriert werden:**
+ Benutzerdefinierte Datenquellen
+ Benutzerdefinierte Anzeigen
+ Benutzerdefinierte Felder
+ Interaktionen mit benutzerdefinierten Elementen

## Tabelle
<a name="table-widget"></a>

Die benutzerdefinierte Tabellenkomponente bietet flexible Konfigurationsoptionen für die Anzeige von Daten im Tabellenformat mit erweiterten Features für die Dateninteraktion und -organisation.

### Features
<a name="table-features"></a>

1. **Spaltenkonfigurationen**
   + Definition benutzerdefinierter Spaltenüberschriften
   + Eingabe von Daten für jede Spalte
   + Festlegung von Optionen zur Datenformatierung
   + Definition der Spaltenplatzierung

1. **Filtern**
   + Schnelles Filtern von Elementen in der Tabelle

1. **Verknüpfen**
   + Verknüpfung von Ressourcenlinks
     + Nahtlose Navigation zu folgenden Elementen:
       + Segmente
       + Berechnete Attribute
     + Wird in einer neuen Registerkarte geöffnet
   + **Links auf externe URLs**
     + Wandeln Sie den Zeilenelementwert in einen Wert um URLs , den Sie wählen können
     + Wird in einer neuen Registerkarte geöffnet
     + Generieren von dynamischen Links auf der Grundlage von Zeilendaten
   + Links zur Leistenansicht
     + Öffnen von detaillierten Informationen in der Seitenleiste
     + Anzeigen von vollständige Datensatzdetails ohne Verlassen der Seite

1. Datenorganisation
   + Gruppierung
     + Gruppieren von Zeilen nach bestimmten Feldnamen
     + Persistente Gruppeneinstellungen
   + Sortieren
     + Sortierung nach einem beliebigen Spaltenfeld
     + Organisation in aufsteigender Reihenfolge
     + Einstellungen für persistente Sortierung

**Abbildung 1**

![\[Beispiel für die Bearbeitung eines benutzerdefinierten Tabellen-Widgets.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/table-features-1.png)


**Abbildung 2**

![\[Weiteres Beispiel für die Bearbeitung eines benutzerdefinierten Tabellen-Widgets.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/table-features-2.png)


### Beispielkonfiguration
<a name="table-example-configuration"></a>

```
{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Header": "Table column header"
                "Cell": {
                    "Content": {
                        "Props": {
                            "Variant": "Link",
                            "LinkOptions": {
                                "LinkType": "Drawer"
                            }
                        },
                        "Type": "TextContent",
                        "Children": ["string"]
                    }
                },
            }
        ]
    }
}
```

## Schlüssel-Wert-Paar
<a name="key-value-pair"></a>

Mit der Schlüssel-Wert-Paar-Komponente können Sie organisierte Anzeigen zugehöriger Datenpunkte in einem flexiblen, lesbaren Format erstellen.

### -Übersicht
<a name="key-value-pair-overview"></a>

Erstellen Sie dynamische Datenanzeigen, indem Sie benutzerdefinierte Schlüssel-Wert-Beziehungen definieren. Diese Komponente ist besonders nützlich für die Anzeige von Attributpaaren wie:
+ Angaben zum Kunden
+ Informationen zum Konto

### Features
<a name="key-value-pair-features"></a>

1. **Optionen für interaktive Links**
   + Verknüpfung von Ressourcenlinks
     + Direkte Links zu zugehörigen Ressourcen
     + Nahtlose Navigation zu folgenden Elementen:
       + Berechnete Attribute
       + Segmente
     + Wird in einer neuen Registerkarte geöffnet
   + Links auf externe URLs
     + Wandeln Sie den Artikelwert in einen Wert um URLs , den Sie wählen können
     + Wird in einer neuen Registerkarte geöffnet
   + Links zur Leistenansicht
     + Öffnen von detaillierten Informationen in der Seitenleiste
     + Anzeigen von vollständige Details ohne Verlassen der Seite

1. Spaltenkonfiguration
   + Definieren von 1 bis 4 Spalten mit Schlüssel-Wert-Paaren

1. Organisieren von Paaren in logischen Gruppierungen

**Abbildung 1**

![\[Beispiel für die Bearbeitung eines benutzerdefinierten Widgets mit Schlüssel-Wert-Paaren.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/key-value-pair-features-1.png)


**Abbildung 2**

![\[Weiteres Beispiel für die Bearbeitung eines benutzerdefinierten Widgets mit Schlüssel-Wert-Paaren.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/key-value-pair-features-2.png)


### Beispielkonfiguration
<a name="key-value-pair-example-configuration"></a>

```
{
    "Type": "KeyValuePair",
    "Id": "UniqueId",
    "Props": {
        "Columns": 2,
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {
                            "FontWeight": "bold"
                        },
                        "Children": ["Profile id"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Id": "UniqueId",
                        "Props": {},
                        "Children": ["[string]"]
                    }
                }
            }
        ]
    }
}
```

**Anmerkung**  
Von dieser Komponente wird `ProfileObjects` im UI Builder derzeit nicht unterstützt.

## Schlüsselmetrik
<a name="key-metric"></a>

Mit der Komponente „Key Metric“ können Sie wichtige Geschäftskennzahlen und wichtige Statistiken in einem leicht verständlichen Format an prominenter Stelle anzeigen. KPIs

### -Übersicht
<a name="key-metric-overview"></a>

Erstellen Sie gut sichtbare Anzeigen mit Metriken, die wichtige Datenpunkte, Trends oder Statusindikatoren hervorheben. Diese Komponente ist ideal für die Präsentation von:
+ Leistungskennzahlen
+ Kritischen Messungen
+ Statusübersichten
+ Trendindikatoren

### Features
<a name="key-metric-features"></a>

1. **Großer Anzeigetext**

1. **Metrikformat**

1. **Optionen für interaktive Links**
   + Verknüpfung von Ressourcenlinks
     + Direkte Links zu zugehörigen Ressourcen
     + Nahtlose Navigation zu folgenden Elementen:
       + Berechnete Attribute
       + Segmente
     + Wird in einer neuen Registerkarte geöffnet
   + Links auf externe URLs
     + Rechnen Sie den Artikelwert in einen Wert um URLs , den Sie wählen können
     + Wird in einer neuen Registerkarte geöffnet
   + Links zur Leistenansicht
     + Öffnen von detaillierten Informationen in der Seitenleiste
     + Anzeigen von vollständige Details ohne Verlassen der Seite

1. **Organisieren von Layout-Metriken**

**Abbildung 1**

![\[Beispiel für die Bearbeitung eines benutzerdefinierten Widgets mit Schlüsselmetriken.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/key-metric-features-1.png)


**Abbildung 2**

![\[Weiteres Beispiel für die Bearbeitung eines benutzerdefinierten Widgets mit Schlüsselmetriken.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/key-metric-features-2.png)


### Beispielkonfiguration
<a name="key-metric-example-configuration"></a>

```
{
    "Type": "KeyMetrics",
    "Props": {
        "MetricDefinitions": [
            {
                "MetricLabel": "Total Revenue",
                "MetricValue": {
                    "Content": {
                        "Type": "TextContent",
                        "Props": {
                            "Format": "USD",
                            "FontSize": "large",
                            "FontWeight": "bold"
                        },
                        "Children": ["[string]"]
                    }
                },
                "Columns": 1
            }
        ]
    }
}
```

**Anmerkung**  
Von dieser Komponente wird `ProfileObjects` im UI Builder derzeit nicht unterstützt.

## Donut-Diagramme
<a name="donut-chart"></a>

Die Donut-Diagramm-Komponente ermöglicht eine Visualisierung der Stimmungsbewertung anhand eines kreisförmigen Ringdiagramms.

### -Übersicht
<a name="donut-chart-overview"></a>

Erstellen Sie dynamische Stimmungsvisualisierungen, indem Sie benutzerdefinierte Bewertungskriterien definieren. Diese Komponente ist besonders nützlich für die Anzeige folgender Elementen:
+ Erfolgsmetriken
+ Erfolgsraten
+ Risikobewertungen
+ Leistungskennzahlen

### Features
<a name="donut-chart-features"></a>

1. Optionen für die Stimmungsanalyse
   + Positive Stimmung
     + Beginnt bei Null
     + Verfolgt die Leistung anhand der folgenden Kriterien:
       + Benutzerdefinierte Punktwerte
       + Farbcodierte Segmente
       + Grau für unerfüllte Bedingungen
     + Zeigt die Erfolgsquote in Prozent an
   + Negative Stimmung
     + Beginnt mit dem Maximalwert
     + Verfolgt Punktabzüge:
       + Farbcodierte Segmente
       + Punktereduktionssystem
       + Grün für den verbleibenden Wert
     + Zeigt das Endergebnis an

1. Wert des berechneten Attributs

1. Optionen für Operatoren
   + Gleich
   + Nicht gleich
   + Größer als
   + Kleiner als

1. Bedingungswert

1. Pro Zustand zugewiesene Punkte

**Abbildung 1: Beispiel für eine positive Stimmung**

![\[Beispiel für die Bearbeitung des Widgets für positive Stimmungen.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/donut-chart-features-1.png)


**Abbildung 2: Beispiel für eine negative Stimmung**

![\[Beispiel für die Bearbeitung des Widgets für negative Stimmungen.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/donut-chart-features-2.png)


### Beispielkonfiguration
<a name="donut-chart-example-configuration"></a>

```
{
    "Type": "DonutChart",
    "Props": {
        "Variant": "PositiveSentiment",
        "ConditionDefinitions": [
            {
                "Title": "Customer Satisfaction",
                "Color": "#4CAF50",
                "CalculatedAttribute": "satisfaction_score",
                "Operator": "GREATER_THAN",
                "ValueCondition": 8,
                "Points": 10
            }
        ]
    }
}
```

**Anmerkung**  
**Donut-Diagramme unterstützen derzeit nur berechnete Attribute als Datenquelle.**
**Alle Bedingungsdefinitionen müssen einen Titel, eine Farbe, ein berechnetes Attribut, einen Operator, eine Wertbedingung und einen Punktewert enthalten.**