Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Widgets personnalisés

Créez des composants de tableau de bord personnalisés à partir de zéro pour répondre aux besoins spécifiques de votre entreprise. Les widgets personnalisés vous permettent de créer des visualisations uniques sans aucune donnée prédéfinie.

Composants personnalisés disponibles

Création de widgets personnalisés

Chaque widget personnalisé peut être configuré avec :

Table

Le composant de tableau personnalisé fournit des options de configuration flexibles pour afficher vos données sous forme de tableau, avec des fonctionnalités avancées d’interaction et d’organisation.

Caractéristiques

Figure 1

Figure 2

Exemple de configuration

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

Paire clé-valeur

Le composant Paire clé-valeur vous permet de créer des affichages organisés de points de données connexes dans un format flexible et lisible.

Présentation de

Créez des affichages de données dynamiques en définissant des relations clé-valeur personnalisées. Ce composant est particulièrement utile pour afficher des paires d’attributs telles que :

Caractéristiques

Figure 1

Figure 2

Exemple de configuration

{
    "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]"]
                    }
                }
            }
        ]
    }
}

Indicateur clé

Le composant Key Metric vous permet d'afficher de manière visible les indicateurs commerciaux critiques et les statistiques de l'état civil dans un format facile à digérer. KPIs

Présentation de

Créez des affichages de mesures à haute visibilité qui mettent en évidence les points de données, les tendances ou les indicateurs de statut importants. Ce composant est idéal pour mettre en valeur :

Caractéristiques

Figure 1

Figure 2

Exemple de configuration

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

Graphique en anneau

Le composant graphique en anneau permet de visualiser le score des sentiments par le biais d’un graphique en anneau circulaire.

Présentation de

Créez des visualisations dynamiques des sentiments en définissant des critères de notation personnalisés. Ce composant est particulièrement utile pour afficher :

Caractéristiques

Figure 1 : Exemple de sentiment positif

Figure 2 : Exemple de sentiment négatif

Exemple de configuration

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