Configurer les événements d'interaction pour les graphiques (version Pro), 添加统计图表（Pro版本）时如何配置交互事件 - Simple Log Service

Pour identifier la cause première d'une anomalie sur un tableau de bord, utilisez un événement d'interaction afin d'effectuer une analyse rapide en profondeur, telle que l'interrogation d'un Logstore, l'exécution d'une analyse de traces ou l'ouverture d'un autre tableau de bord. Cette rubrique décrit les types d'événements d'interaction pris en charge et explique comment les configurer pour un tableau de bord.

Fonctionnement

2024-09-12_15-24-27 (1)

Pour investiguer un problème sur un tableau de bord, servez-vous des événements d'interaction pour une analyse rapide en profondeur. Par exemple, vous pouvez ouvrir un Logstore, ouvrir un tableau de bord, ouvrir une recherche enregistrée, créer une URL HTTP personnalisée, afficher les détails d'une trace ou consulter les détails de trace de l'observabilité full-stack.

Cet exemple s'appuie sur les journaux d'accès Nginx. Lorsque vous cliquez sur la section du diagramme circulaire représentant le statut 200, vous êtes redirigé vers le Logstore correspondant pour interroger les journaux associés à ce statut. La requête utilise la même plage de temps que celle du tableau de bord.

Ajoutez un diagramme circulaire des statuts de requête : configurez la plage de temps de la requête, le Logstore et l'instruction de requête.
Ajoutez un événement d'interaction au diagramme circulaire des statuts de requête : définissez l'événement d'interaction pour le champ PV sur le tableau de bord sur Open Logstore. Ensuite, ajoutez la variable ${{status}} en suivant les instructions de la rubrique Utiliser des variables pour modifier dynamiquement les paramètres d'une instruction de requête afin d'interroger les journaux dans le Logstore en fonction du statut sélectionné depuis le tableau de bord.

Simple Log Service prend en charge les événements d'interaction suivants. Pour obtenir des instructions de configuration, consultez la fin de cette rubrique.

Ouvrir un LogStore

Si vous définissez l'événement d'interaction sur Open LogStore, son déclenchement vous redirige vers la page du LogStore cible.

Prérequis

Un LogStore cible doit déjà exister. Pour plus d'informations, consultez la rubrique Créer un LogStore de base.

Paramètres de configuration

Paramètre	Description
Custom Name	Nom de l'événement d'interaction.
Select Project	Sélectionnez le Project contenant le LogStore cible.
Select Logstore	Spécifie le LogStore cible à ouvrir lorsque l'événement d'interaction est déclenché.
Open New Window	Activez l'option Open New Window pour ouvrir la page du LogStore dans un nouvel onglet du navigateur.
Time Range	Spécifie la plage de temps pour les requêtes dans le LogStore cible.
Inherit Filter Condition	Activez l'option Inherit Filter Condition pour transmettre les conditions de filtre existantes du tableau de bord actuel au LogStore cible. Les conditions sont ajoutées au début de l'instruction de requête avec l'opérateur `AND`.
Filter Statement	Saisissez une instruction de filtre, qui est transmise au LogStore cible et ajoutée au début de l'instruction de requête avec l'opérateur `AND`. Cliquez sur Add Variable pour insérer des variables dans l'instruction de filtre. Les variables système importantes incluent : `${{__start_time__}}` : heure de début de la requête. `${{__end_time__}}` : heure de fin de la requête. `${{__interval__}}` : intervalle de temps de la requête, en secondes. `${{__project__}}` : nom du Project à interroger. Après l'insertion d'une variable, sa valeur est utilisée comme condition de filtre.

Ouvrir le tableau de bord

Une fois configuré, le déclenchement de cet événement d'interaction ouvre le tableau de bord cible.

Prérequis

Le tableau de bord cible doit exister et contenir des graphiques. Pour plus d'informations, consultez la rubrique Ajouter un graphique à un tableau de bord.

Pour transmettre des variables, vous devez d'abord les définir dans l'instruction de requête d'un graphique du tableau de bord cible. Pour en savoir plus, voir Utiliser des variables pour ajuster dynamiquement les paramètres des instructions de requête.

Paramètres

Paramètre	Description
Custom Name	Nom de l'événement d'interaction.
Select Project	Projet contenant le tableau de bord cible.
Select Dashboard	Tableau de bord qui s'ouvre lors du déclenchement de l'événement d'interaction.
Open New Window	L'activation de l'option Open New Window ouvre le tableau de bord cible dans un nouvel onglet du navigateur.
Time Range	Plage de temps applicable au tableau de bord cible.
Inherit Filter Condition	L'activation de l'option Inherit Filter Condition transmet les conditions de filtre du tableau de bord actuel au tableau de bord cible.
Inherit Variable	L'activation de l'option Inherit Variable transmet les variables du tableau de bord actuel au tableau de bord cible.
Filter Statement	Instruction de filtre à appliquer au tableau de bord cible. Vous pouvez insérer des variables dans l'instruction de filtre. Cliquez sur Add Variable pour insérer des variables dans l'instruction de filtre. Les variables système clés incluent : `${{__start_time__}}` : heure de début de la requête. `${{__end_time__}}` : heure de fin de la requête. `${{__interval__}}` : intervalle de temps de la requête, en secondes. `${{__project__}}` : nom du projet interrogé. Après l'insertion d'une variable, sa valeur est utilisée comme condition de filtre.
Dynamic Variables	Spécifie les variables dynamiques à transmettre au tableau de bord cible. Dynamic Variable Name : nom de la variable dynamique. Column for Dynamic Variable Value : colonne fournissant la valeur de la variable dynamique. Remarque Vous pouvez ajouter jusqu'à 5 variables dynamiques.
Static Variables	Spécifie les variables statiques à transmettre au tableau de bord cible. Static Variable Name : nom de la variable statique. Static Value : valeur fixe à transmettre au tableau de bord cible. Remarque Vous pouvez ajouter jusqu'à 5 variables statiques.

URL HTTP personnalisé

Lorsqu'un événement d'interaction est configuré avec une URL HTTP personnalisée, son déclenchement ouvre la page cible.

Prérequis

Vous devez disposer d'une URL HTTP cible.

Paramètres

Parameter	Description
Custom Name	Nom de l'événement d'interaction.
Protocol	Protocole de l'URL.
URL	URL de destination à ouvrir lors du déclenchement de l'événement. Vous pouvez intégrer les variables système Simple Log Service suivantes dans l'URL. Exemple : `https://sls.console.alibabacloud.com/lognext/project/${{__project__}}/logsearch/test`. `${{__start_time__}}` : heure de début de la requête. `${{__end_time__}}` : heure de fin de la requête. `${{__interval__}}` : intervalle de la requête, en secondes. `${{__project__}}` : nom du Project à interroger.
Transcode	L'activation de l'option Transcode encode le contenu de l'URL.
Open New Window	L'activation de l'option Open New Window ouvre l'URL dans une nouvelle fenêtre ou un nouvel onglet du navigateur.

Requête enregistrée

Si vous configurez l'événement d'interaction pour qu'il ouvre une requête enregistrée, son déclenchement vous redirige vers la page de la requête enregistrée cible.

Prérequis

La requête enregistrée cible doit exister. Pour plus d'informations, consultez la section requête enregistrée.

Pour utiliser des variables, vous devez d'abord les définir dans l'instruction de requête de la requête enregistrée cible. Pour plus d'informations, consultez la section Utiliser des variables pour modifier dynamiquement les paramètres d'une instruction de requête.

Paramètres

Parameter	Description
Custom Name	Spécifiez un nom pour l'événement d'interaction.
Select Project	Sélectionnez le project contenant la requête enregistrée cible.
Select Saved Query	Sélectionnez la requête enregistrée à ouvrir lors du déclenchement de l'événement.
Open New Window	Si vous activez l'option Open New Window, la requête enregistrée cible s'ouvre dans un nouvel onglet du navigateur.
Time Range	Définissez la plage de temps pour la requête enregistrée cible.
Inherit Filter Condition	Si vous activez l'option Inherit Filter Condition, les conditions de filtre existantes du tableau de bord actuel sont transmises à la requête enregistrée cible et ajoutées au début de l'instruction de requête avec l'opérateur `AND`.
Filter Statement	Saisissez une instruction de filtre à transmettre à la requête enregistrée cible. Le système ajoute cette instruction au début de l'instruction de requête avec l'opérateur `AND`. Vous pouvez insérer des variables dans l'instruction de filtre. Lorsqu'une variable est insérée, sa valeur est utilisée comme condition de filtre.
Dynamic Variables	Vous pouvez utiliser des variables pour modifier dynamiquement l'instruction de requête dans une requête enregistrée cible. Si une variable ajoutée ici porte le même nom qu'une variable présente dans l'instruction de requête cible, la valeur du champ ayant déclenché l'événement remplace la variable dans la requête cible. Dynamic Variable Name : spécifiez le nom de la variable dynamique. Column for Dynamic Variable Value : sélectionnez la colonne qui fournit la valeur de la variable dynamique. Remarque Vous pouvez ajouter jusqu'à cinq variables dynamiques.
Static Variables	Vous pouvez utiliser des variables pour modifier dynamiquement l'instruction de requête dans une requête enregistrée cible. Si une variable ajoutée ici porte le même nom qu'une variable présente dans l'instruction de requête cible, la valeur statique que vous spécifiez remplace la variable dans la requête cible. Static Variable Name : spécifiez le nom de la variable statique. Static Value : spécifiez la valeur à attribuer à la variable statique. Remarque Vous pouvez ajouter jusqu'à cinq variables statiques.

Procédure

Exemple 1 : Événement Ouvrir Logstore

1. Ajouter un graphique de répartition des statuts de requête

1,1 Ajouter un tableau de bord

Connectez-vous à la console Simple Log Service, sélectionnez le projet cible, puis sur la page Dashboard > Dashboards, créez un tableau de bord nommé Request Status Distribution Chart.

Cliquez sur l'icône + dans le coin supérieur droit et sélectionnez Add Dashboard dans le menu déroulant.

1,2 Ajouter un graphique

Pour ajouter un graphique, cliquez sur Add Chart.
Configurez et enregistrez le graphique :
1. Dans le volet de gauche, configurez la plage de temps de la requête, le Logstore et l'instruction de requête.
2. Dans le volet de droite, configurez le type de graphique, la catégorie et la colonne de valeur. Cliquez sur Apply en haut de la page pour prévisualiser le graphique, puis cliquez sur OK pour l'enregistrer.
```
* | 
select 
  count(1) as pv ,status 
group by 
  status
```

2. Ajouter un événement d'interaction

Une fois la configuration terminée, le clic sur un code de statut tel que 200 dans le tableau de bord vous redirige vers le Logstore pour interroger les journaux dont le status est 200. La plage de temps de la requête dans le Logstore correspond à celle du tableau de bord.

2,1 Ajouter un événement d'interaction à un champ

Dans le volet de droite, sous l'onglet Interaction Occurrences, cliquez sur Add Configuration et sélectionnez un champ dans la liste déroulante.

Par exemple, sélectionnez A > pv.
Cliquez sur Add Event, sélectionnez Open Logstore dans la liste déroulante, puis configurez le Logstore et les variables dynamiques dans la boîte de dialogue.

Le Logstore sert de destination de requête. La plage de temps définit la période d'interrogation et l'instruction de filtre correspond à la requête à exécuter.

Dans la boîte de dialogue, vous devez également spécifier un Custom Name, sélectionner un project tel que nginx-dashboard et éventuellement activer l'option Open in New Window.

2,2 Enregistrer le graphique et le tableau de bord

Dans le coin supérieur droit de la page d'édition du graphique, cliquez sur OK.
Dans le coin supérieur droit de la page d'édition du tableau de bord, cliquez sur Save.

2,3 Vérifier l'événement d'interaction

Sur le graphique, cliquez sur le point de données correspondant au statut 200, puis cliquez sur Open Logstore. Vous êtes redirigé vers le Logstore où l'instruction de requête est status: 200 et la période d'interrogation est définie sur Two Days Before, ce qui correspond à la plage de temps sélectionnée dans le tableau de bord.

Exemple 2 : Événement Ouvrir Dashboard

Cet exemple utilise les journaux d'accès NGINX collectés dans un Logstore nommé website_log. Vous allez créer deux tableaux de bord, RequestMethod et destination_drilldown, et configurer une interaction entre eux.

Sur le tableau de bord RequestMethod, ajoutez un tableau qui catégorise les méthodes de requête et configurez une occurrence d'interaction pour ouvrir le tableau de bord destination_drilldown.
Sur le tableau de bord destination_drilldown, ajoutez un graphique linéaire affichant la tendance des PV au fil du temps.

Une fois la configuration terminée, vous pouvez cliquer sur une méthode de requête dans le tableau de bord RequestMethod pour accéder au tableau de bord destination_drilldown et afficher la tendance des PV correspondante.

Sur le tableau de bord destination_drilldown, ajoutez un graphique linéaire pour afficher la tendance des PV au fil du temps.
L'instruction de requête est la suivante, où ${{method|PUT}} est une variable. Pour plus d'informations, consultez la rubrique Ajouter un graphique à un tableau de bord.
```
request_method: ${{method|PUT}} | SELECT __time__ - __time__ %60 AS time, COUNT(1) AS PV GROUP BY time ORDER BY time
```
Sur le tableau de bord RequestMethod, ajoutez un tableau qui catégorise les méthodes de requête et configurez une occurrence d'interaction.

L'instruction de requête est la suivante. Pour plus d'informations, consultez la rubrique Ajouter un graphique à un tableau de bord.

Sélectionnez website_log comme source de données, saisissez l'instruction de requête *|SELECT request_method, COUNT(1) AS count GROUP BY request_method ORDER BY count DESC LIMIT 10, puis sous l'onglet Interaction Occurrences, ajoutez l'action Open Dashboard pour le champ request_method.
Exemple de configuration :
- Définissez Select Dashboard sur destination_drilldown.
- Définissez Dynamic Variable Name sur method et sélectionnez la colonne request_method.
Sélectionnez Open Dashboard comme type d'occurrence d'interaction et activez l'option Inherit Variable.
Vérifiez le résultat.

Dans le tableau du tableau de bord RequestMethod, cliquez sur GET, puis sur Open Dashboard. Cette action vous redirige vers le tableau de bord destination_drilldown.

Le tableau de bord destination_drilldown affiche la tendance des PV au fil du temps pour les requêtes GET.