# Box on the dashboard displaying the sensor value history as a curve

**URL:** <https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514>\
**Category:** Demandes livrées\
**Created:** [September 4, 2020, 11:35am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514 "2020-09-04T11:35:49Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [September 4, 2020, 11:35am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/1 "2020-09-04T11:35:49Z")

</div>

This box will ask the user to select a sensor during configuration.

Then, with one click, it can display a view:

- last 24 hours
- last week
- last month

The GitHub issue:

> <https://github.com/GladysAssistant/Gladys/issues/693>
>
> \*\*Description\*\*
> 
> Be able to display a chart on the dashboard. Ex: temperature …of last month
> 
> \*\*Specs\*\*
> 
> \- \[\] User can create a chart box on the dashboard
> \- \[\] The user select the device feature he wants to display in the list of "read\_only" device feature. Only interesting device features should be displayed. \*\*Binary should not be displayed for ex\*\*
> \- \[\] The user select a range between a select box. (Last 24h, last 2 days, last week, last month)
> \- \[\] The box displays the chart, he a nice way. Take inspiration on the homepage of our theme =\> https://preview.tabler.io/

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [September 4, 2020, 2:03pm UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/2 "2020-09-04T14:03:58Z")

</div>

Wouldn’t it be more judicious / intuitive to simply click on a sensor on the dashboard to see details appear (such as the history in our case)

Because if we have a box that has been configured to display only the last 24 hours, we will need to add another box for the last month… etc.. A lot of boxes all that.

So unless I misunderstood, would it be more relevant to have a box on the dashboard on which we change at our discretion (click, radio button, select or other) a view of the 24h / 1 week / 1 month / 3 months?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [September 4, 2020, 2:04pm UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/3 "2020-09-04T14:04:55Z")

</div>

> [@guim31](#):
>
> So unless I misunderstood, would it be more relevant to have a box on the dashboard where we can change at will (click, radio button, select or otherwise) a view of the 24h / 1 week / 1 month / 3 months?

Very good remark, I agree with you! I’ll change it in the post.

---

<div class="post-metadata">

**Author:** ![ceist](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/7993a0/32.png) [@ceist](https://community.gladysassistant.com/u/ceist)\
**Post date:** [September 6, 2020, 11:05am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/4 "2020-09-06T11:05:25Z")

</div>

Small example of what I’m currently using, made with highchart. Each link allows you to limit/define the display limit.

 ![Screenshot_20200906-130244_Chrome](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/8/889d3e5b48f489778efdb4720c72963ea909b132.jpeg)

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [September 30, 2020, 5:55pm UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/5 "2020-09-30T17:55:28Z")

</div>

We already have a ticket for that 🙂

> <https://github.com/GladysAssistant/Gladys/issues/693>
>
> \*\*Description\*\*
> 
> Be able to display a chart on the dashboard. Ex: temperature …of last month
> 
> \*\*Specs\*\*
> 
> \- \[\] User can create a chart box on the dashboard
> \- \[\] The user select the device feature he wants to display in the list of "read\_only" device feature. Only interesting device features should be displayed. \*\*Binary should not be displayed for ex\*\*
> \- \[\] The user select a range between a select box. (Last 24h, last 2 days, last week, last month)
> \- \[\] The box displays the chart, he a nice way. Take inspiration on the homepage of our theme =\> https://preview.tabler.io/

---

<div class="post-metadata">

**Author:** ![ceist](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/7993a0/32.png) [@ceist](https://community.gladysassistant.com/u/ceist)\
**Post date:** [September 30, 2020, 6:23pm UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/6 "2020-09-30T18:23:22Z")

</div>

Is it allowed to use Highcharts? Normally possible if the purpose is not commercial.

With this service it’s quite simple to integrate (at least in PHP).

---

<div class="post-metadata">

**Author:** ![AlexTrovato](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/alextrovato/32/10705_2.png) [@AlexTrovato](https://community.gladysassistant.com/u/AlexTrovato)\
**Post date:** [September 30, 2020, 6:50pm UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/7 "2020-09-30T18:50:46Z")

</div>

Today we are already integrating a chart library:

> **[vis.js](https://visjs.org/)**

---

<div class="post-metadata">

**Author:** ![euguuu](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/euguuu/32/5061_2.png) [@euguuu](https://community.gladysassistant.com/u/euguuu)\
**Post date:** [November 19, 2020, 8:27am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/8 "2020-11-19T08:27:44Z")

</div>

Hello,

I was going to try to work on this ticket, @AlexTrovato indicated that visjs was already used in Gladys (as far as I understand for the network page of the zwave (vis-network))

So I was going with the same library (vis-timeline, 2D graph display) but @pierre-gilles seems to indicate that the choice of the library is not made/final.

Should I go with visjs or should I do a comparison of existing libraries or specific wishes for a particular library?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [November 19, 2020, 9:18am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/9 "2020-11-19T09:18:30Z")

</div>

@euguuu I replied on GitHub. Honestly, not a fan of visjs at all, let’s continue the discussion there 🙂

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [November 25, 2020, 9:19am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/10 "2020-11-25T09:19:11Z")

</div>

Since the PR is in progress, can we close the topic? (to free up the tokens)

---

<div class="post-metadata">

**Author:** ![VonOx](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/vonox/32/10128_2.png) [@VonOx](https://community.gladysassistant.com/u/VonOx)\
**Post date:** [November 28, 2020, 11:51am UTC](https://community.gladysassistant.com/t/box-sur-le-dashoard-affichant-en-courbe-lhistorique-des-valeurs-dun-capteur/5514/11 "2020-11-28T11:51:06Z")

</div>


