# Visualisation par plage horaire

**URL:** https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358
**Category:** Discussions en français
**Created:** [February 14, 2020, 11:43am UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358 "2020-02-14T11:43:59Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![IneedHelp](https://avatars.discourse-cdn.com/v4/letter/i/eada6e/32.png) [@IneedHelp](https://discuss.elastic.co/u/IneedHelp)
#### Post date: [February 14, 2020, 11:44am UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/1 "2020-02-14T11:44:00Z")

</div>

Bonjour,

J'aimerais mettre en place une visualisation qui me permettrai de voir, pour chaque plage horaire que je souhaites définir, le pourcentage d'activité sur cette plage horaire.

Exemple avec 3 plages horaires : 8h -18h, 18h - 00h et 00h - 8h  
J'aimerai par exemple avoir : 00h-8h : 25% 8h-18h: 60% et 18h-00H:15%  
Ainsi je peux voir que c'est en journée qu'il y a le plus d'activité

Pour chaque donnée j'ai un timestamp du type: "2019-06-19T06:24:05.000Z"

Merci d'avance.

---

<div class="post-metadata">

### Author: ![ahmed\_charafouddine](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ahmed_charafouddine/32/45129_2.png) [@ahmed\_charafouddine](https://discuss.elastic.co/u/ahmed_charafouddine)
#### Post date: [February 14, 2020, 11:49am UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/2 "2020-02-14T11:49:10Z")

</div>

Bonjour,

Oui c'est faisable.

Tu peux agréger tes visualisations par l'aggregation `date range` auquel tu peux définir tes plages d'horaires avec ton champs date `@timestamp`

**[Exemple]**  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/f/1/f159c133e7ceb6026a2cdc2653b8c5da82a36d85.png)

---

<div class="post-metadata">

### Author: ![IneedHelp](https://avatars.discourse-cdn.com/v4/letter/i/eada6e/32.png) [@IneedHelp](https://discuss.elastic.co/u/IneedHelp)
#### Post date: [February 14, 2020, 11:55am UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/3 "2020-02-14T11:55:19Z")

</div>

Parfait merci, je pensais aussi devoir utiliser cela. Je vais lire la doc pour voir quel format de date je dois appliquer pour avoir ce qu'il me faut.

---

<div class="post-metadata">

### Author: ![IneedHelp](https://avatars.discourse-cdn.com/v4/letter/i/eada6e/32.png) [@IneedHelp](https://discuss.elastic.co/u/IneedHelp)
#### Post date: [February 14, 2020, 12:58pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/4 "2020-02-14T12:58:22Z")

</div>

Désolé de vous déranger mais je n'arrive pas mettre en place un plage horaire, est ce que vous pourriez me montrer comment faire ?

---

<div class="post-metadata">

### Author: ![ahmed\_charafouddine](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ahmed_charafouddine/32/45129_2.png) [@ahmed\_charafouddine](https://discuss.elastic.co/u/ahmed_charafouddine)
#### Post date: [February 14, 2020, 1:53pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/5 "2020-02-14T13:53:37Z")

</div>

Voici une solution :

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/1/c/1c80900806072f466babdaf9d35d754863b23024.png)

00:00 à 08:00 = `from now/d-1h to now/d+7h`  
08:00 à 18:00 = `from now/d+7h to now/d+17h`  
18:00 à 00:00 = `now/d+17h to now/d+23h`

A savoir que:

1. `now` = la date de maintenant (14-02-2020 14:35 )
2. `now-1h/d` est l’équivalent de 00:00 du jour. (Attention : au décalage horaire, On est à UTC+1 (si je dit pas des betises))

Et tu peux ajouter un autre Range avec le bouton `Add range`.  
Lien qui pourrait t'aider : [https://www.elastic.co/guide/en/elasticsearch/reference/7.2/common-options.html#date-math](https://www.elastic.co/guide/en/elasticsearch/reference/7.2/common-options.html#date-math)

---

<div class="post-metadata">

### Author: ![ahmed\_charafouddine](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ahmed_charafouddine/32/45129_2.png) [@ahmed\_charafouddine](https://discuss.elastic.co/u/ahmed_charafouddine)
#### Post date: [February 14, 2020, 1:56pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/6 "2020-02-14T13:56:10Z")

</div>

Dans le cas où j'ai apporté une solution à ton problème, n’hésites pas de mentionner comme `Solution` afin que ce ticket soit clos.

---

<div class="post-metadata">

### Author: ![IneedHelp](https://avatars.discourse-cdn.com/v4/letter/i/eada6e/32.png) [@IneedHelp](https://discuss.elastic.co/u/IneedHelp)
#### Post date: [February 15, 2020, 12:46pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/7 "2020-02-15T12:46:36Z")

</div>

Merci pour ta réponse mais ce n'est pas tout à fais ce que je souhaites. Avec ta solution je vais voir l'activité par plage horaire uniquement sur la journée d'aujourd'hui. Cependant je souhaite que cela s'applique sur toute la période de mes logs.  
Par exemple si j'ai les logs d'une année entière, je veux savoir quelle plage horaire à été la plus active sur l'année ( Ici j'ai pris l'exemple d'une année mais j'aimerais que cela s'applique sur la zone temporelle choisie par l'utilisateur )

---

<div class="post-metadata">

### Author: ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)
#### Post date: [February 15, 2020, 1:13pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/8 "2020-02-15T13:13:47Z")

</div>

Il faut que tu indexes ça proprement en tant que champ de tes données. Par exemple sous un champ:

```
"heure_debut": 8

```

Ou:

```
"plage": "08-09"

```

Faire ensuite une aggregation dessus.

Où utiliser les range data types.

---

<div class="post-metadata">

### Author: ![IneedHelp](https://avatars.discourse-cdn.com/v4/letter/i/eada6e/32.png) [@IneedHelp](https://discuss.elastic.co/u/IneedHelp)
#### Post date: [February 15, 2020, 4:33pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/9 "2020-02-15T16:33:05Z")

</div>

D'accord c'est la solution que j'avais envisagé mais je pensais pourvoir la contourné avec un date range. J'ai mis la réponse ahmed comme solution mais je vais utiliser celle de dadoonet.  
Merci beaucoup à vous deux pour vos réponses !

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [March 14, 2020, 4:33pm UTC](https://discuss.elastic.co/t/visualisation-par-plage-horaire/219358/10 "2020-03-14T16:33:15Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
