> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/experience-components/ax-metric.md).

# AX - Métrique

## Aperçu

**AX - Métrique** est un composant Experience Cloud qui affiche des valeurs calculées à partir d’enregistrements Salesforce — comme des totaux, des moyennes, des décomptes et d’autres agrégations — sur les pages des sites Experience.

Utilisez-le pour afficher en un coup d’œil des indicateurs clés aux utilisateurs du portail, comme le total de leurs commandes, le délai moyen de résolution des cas, le nombre de tickets ouverts, ou tout autre calcul personnalisé issu de leurs données. Configurez l’étiquette de la métrique, l’icône, le formatage et la source de données dans Experience Builder sans code.

Idéal pour les tableaux de bord du portail, les résumés de compte, les tableaux de bord de performance ou partout où les utilisateurs du portail ont besoin de voir des chiffres clés sur leurs enregistrements sans exécuter de rapports.

***

## Premiers pas

Utilisez ce tutoriel simple pour apprendre les bases du composant Métrique et commencer à créer vos cas d’usage.

{% @arcade/embed url="<https://app.arcade.software/share/SXruKm5NX2h4AYOxH2EQ>" flowId="SXruKm5NX2h4AYOxH2EQ" %}

***

## **Options de configuration**

### **Libellé**

Fournissez une étiquette descriptive pour votre métrique (par exemple, « Total des ventes », « Utilisateurs actifs »). Elle sert de titre et donne du contexte à la valeur affichée.

<figure><img src="/files/a1aed0ed8b5439041c72da8faff8ff2a247c5821" alt="" width="563"><figcaption></figcaption></figure>

### **Description**

Offrez un contexte ou des informations supplémentaires liés à la métrique. Il peut s’agir d’une brève explication, d’une description de tendance ou d’informations complémentaires pour faciliter la compréhension.

### **Valeur**

Saisissez la valeur numérique principale de votre métrique. Vous avez deux options :

#### **Saisie manuelle**

Saisissez directement la valeur si elle est facilement disponible.

#### **Requête**

Exploitez la puissance de Salesforce Object Query Language pour récupérer dynamiquement la valeur à partir de vos données Salesforce. Par exemple, vous pouvez calculer le nombre total de comptes créés cette année à l’aide d’une requête sur l’objet Compte.

<figure><img src="/files/9fb74ce8e946fbff9dec9187e2071f5bc9ac84c5" alt=""><figcaption><p>Exemple : compter les nouveaux comptes créés cette année</p></figcaption></figure>

### **Valeur secondaire**

Affichez une métrique supplémentaire pour comparaison ou pour fournir davantage de contexte. Il peut s’agir de la valeur d’une période précédente, d’une valeur cible ou de tout autre point de données secondaire pertinent.

### **Préfixe et suffixe**

Ajoutez des symboles ou des abréviations pour fournir du contexte. Par exemple, utilisez « $ » pour la monnaie, « # » pour les quantités ou « K » pour les milliers.

### **Info-bulle**

Offrez plus de détails au survol. Expliquez brièvement la métrique ou fournissez des informations supplémentaires.

### **Avatar**

Représentez visuellement la métrique avec une image, des initiales ou une icône. Cela la rend plus reconnaissable et plus attrayante.

### **Formatage des métriques principale et secondaire**

Affinez la manière dont les valeurs de votre métrique sont affichées :

* **Style de format :** Décimal, devise, pourcentage — choisissez le format le mieux adapté à vos données.
* **Signe de la valeur :** Automatique, positif, négatif — contrôlez l’affichage des signes.
* **Chiffres :** Spécifiez le nombre minimum et maximum de chiffres entiers et décimaux.
* **Chiffres significatifs :** Arrondissez à un nombre de chiffres spécifique pour une meilleure lisibilité.
* **Afficher la couleur de tendance :** Utilisez la couleur pour indiquer instantanément une tendance positive (vert) ou négative (rouge)

Grâce à sa flexibilité et à sa gamme d’options, le composant Avonni Metric vous permet de présenter des données complexes de manière simplifiée et percutante, ce qui en fait un atout précieux pour tout site Experience Cloud souhaitant fournir à ses utilisateurs des informations exploitables.

***

## Exemples de cas d’utilisation

### Exemple 1 : montant des opportunités remportées pour le compte

{% @arcade/embed url="<https://app.arcade.software/share/KEG70at1gkiT4HyGtaBj>" flowId="KEG70at1gkiT4HyGtaBj" %}

Placez le revenu total des opportunités clôturées et gagnées au premier plan sur chaque page de compte, afin de donner aux utilisateurs partenaires une vue immédiate de la valeur de la relation sans quitter l’enregistrement.

***

#### **Ce que vous obtiendrez**

* **Visibilité du revenu cumulé :** Affichez en temps réel la somme de tous les montants des opportunités clôturées et gagnées liées au compte, afin de donner aux partenaires un aperçu instantané de la valeur client.

***

#### **Comment le configurer**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page**

Faites glisser le composant AX – Metric dans Experience Builder sur votre page de détails du compte.
{% endstep %}

{% step %}

#### **Configurez la source de données**

* Cliquez dans le champ Valeur et configurez une requête avec les paramètres suivants :
  * Nom API de l’objet : `Opportunity`
  * Champ : `Amount`
  * Fonction d’agrégation : `SUM`
    {% endstep %}

{% step %}

#### **Appliquer des filtres**

Limitez la requête au compte actuel et aux affaires gagnantes uniquement :

* ID du compte : `{!Item.Id}`
* Étape : `Fermé gagné`
  {% endstep %}

{% step %}

#### **Personnalisez l’affichage**

* Définissez l’étiquette sur `Montant gagné`
* Définissez l’icône d’avatar sur `standard:opportunity`
  {% endstep %}

{% step %}

#### **Aperçu de votre composant**

* Utilisez l’aperçu d’Experience Builder pour confirmer que la métrique s’affiche correctement avant la publication.
  {% endstep %}
  {% endstepper %}

***

#### **Liens**

{% content-ref url="/pages/b9c32b869e2876f30d4232ad085d6b37ccf85dc2" %}
[AX - Carte de profil](/experience-cloud/experience-cloud-fr/experience-components/ax-profile-card.md)
{% endcontent-ref %}

{% content-ref url="/pages/8e893d46776ae1dc01aa1b4b539eaf364fc8f2f9" %}
[AX - Détail de l’enregistrement](/experience-cloud/experience-cloud-fr/experience-components/ax-record-detail.md)
{% endcontent-ref %}

***

### Exemple 2 : cas ouverts du compte

{% @arcade/embed url="<https://app.arcade.software/share/S4TjnIAEL1dUly6hcTtg>" flowId="S4TjnIAEL1dUly6hcTtg" %}

Donnez aux utilisateurs partenaires un décompte en direct des cas non résolus directement sur la page du compte, afin qu’ils puissent évaluer rapidement la charge de support et hiérarchiser leurs démarches en conséquence.

***

#### **Ce que vous obtiendrez**

* **Nombre de cas ouverts en un coup d’œil :** Affichez le nombre total de cas actifs liés à un compte, afin d’aider les partenaires à rester informés de la santé du client sans naviguer vers une liste séparée.

***

#### **Comment le configurer**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page**

Faites glisser le composant AX – Metric dans Experience Builder sur votre page de détails du compte.
{% endstep %}

{% step %}

#### **Configurez la source de données**

* Cliquez dans le champ Valeur et configurez une requête avec les paramètres suivants :
  * Nom API de l’objet : `Cas`
  * Champ : `Id`
  * Fonction d’agrégation : `COUNT`
    {% endstep %}

{% step %}

#### **Appliquer des filtres**

* Limitez la requête au compte actuel et aux cas ouverts uniquement :
  * ID du compte : `{!Item.Id}`
  * Fermé : `false`
    {% endstep %}

{% step %}

#### **Personnalisez l’affichage**

* Définissez l’étiquette sur `Cas ouverts`
  {% endstep %}

{% step %}

#### **Aperçu de votre composant**

* Utilisez l’aperçu d’Experience Builder pour confirmer que le décompte s’affiche correctement avant la publication.
  {% endstep %}
  {% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/experience-components/ax-metric.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
