# 1.2+ How to arrange charts in Overview?

**URL:** <https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727>\
**Category:** Uncategorized\
**Created:** [April 21, 2020, 2:21pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727 "2020-04-21T14:21:26Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![KGcasa](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@KGcasa](https://forum.genieacs.com/u/KGcasa)\
**Post date:** [April 21, 2020, 2:21pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/1 "2020-04-21T14:21:26Z")

</div>

I am using GenieACS 1.2 and want to arrange charts in a row, or perhaps a grid of two or three rows. Even better would be an array that automatically optimises itself for the screen size, if that is possible?

By default when I add charts to Admin | Config | Overview they are arranged in a column, like this:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/genieacs/original/1X/ca393a8e6e76d8a5ef30600fc5f6d71e2ab72c97.png)

The config code looks like this:  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/genieacs/original/1X/d309748c24ff4d095a289af1a2ed1cd1983c3792.png)

Any suggestions please?

---

<div class="post-metadata">

**Author:** ![dhoulbrooke](https://avatars.discourse-cdn.com/v4/letter/d/9de0a6/32.png) [@dhoulbrooke](https://forum.genieacs.com/u/dhoulbrooke)\
**Post date:** [April 21, 2020, 7:14pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/2 "2020-04-21T19:14:56Z")

</div>

This is what I have:

```
online:
  charts:
    - "'online'"
    - "'rsrp'"
    - "'rsrq'"
    - "'sinr'"
  label: "''"

```

Which gives me:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/genieacs/original/1X/7a563b45e522bada35de562ac2e0fb26c2d613d7.png)

---

<div class="post-metadata">

**Author:** ![KGcasa](https://avatars.discourse-cdn.com/v4/letter/k/f4b2a3/32.png) [@KGcasa](https://forum.genieacs.com/u/KGcasa)\
**Post date:** [April 21, 2020, 11:53pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/3 "2020-04-21T23:53:13Z")

</div>

Perfect! Thank you very much, this answers my question and teaches me even more.

Your example not only explains how to achieve my desired layout but also reveals a little more to me about the config syntax. The config syntax does not appear to be documented anywhere. If you know of any reference to such a definition it would be very helpful indeed. For example I learned that the groups (rows) are automatically arranged in alphabetical order of their logical name, but the graphs with groups (rows) are arranged in the order listed in the config script. Hence I had to rename my groups to achieve the desired row order.

Now i have this:  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/genieacs/original/1X/8e1be1de4cdad7e90ff5f3e5e00ecf76f5f89c86.png)

The repetition of the syncrate chart is deliberate as part of the experiment.

Which gives this:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/genieacs/original/1X/a1820476a02d0dffa2ea06d4753ad46396a77b3d.png)

---

<div class="post-metadata">

**Author:** ![ekke000](https://avatars.discourse-cdn.com/v4/letter/e/5f9b8f/32.png) [@ekke000](https://forum.genieacs.com/u/ekke000)\
**Post date:** [November 12, 2020, 3:31pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/4 "2020-11-12T15:31:52Z")

</div>

Apologies for the dumb question.  
Can you perhaps give me an example of the Chart you used if you don’t mind?

Thanks in advance.  
Newbie

---

<div class="post-metadata">

**Author:** ![dhoulbrooke](https://avatars.discourse-cdn.com/v4/letter/d/9de0a6/32.png) [@dhoulbrooke](https://forum.genieacs.com/u/dhoulbrooke)\
**Post date:** [November 12, 2020, 8:00pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/5 "2020-11-12T20:00:03Z")

</div>

No problem - here you go:

```
online:
  label: "'Online status'"
  slices:
    1_onlineNow:
      color: "'#31a354'"
      filter: Events.Inform > NOW() - 5 * 60 * 1000
      label: "'Online now'"
    2_past24:
      color: "'#a1d99b'"
      filter: Events.Inform > (NOW() - 5 * 60 * 1000) - (24 * 60 * 60 * 1000) AND
        Events.Inform < (NOW() - 5 * 60 * 1000)
      label: "'Past 24 hours'"
    3_others:
      color: "'#e5f5e0'"
      filter: Events.Inform < (NOW() - 5 * 60 * 1000) - (24 * 60 * 60 * 1000)
      label: "'Others'"
rsrp:
  label: "'LTE RSRP'"
  slices:
    1_excellent:
      color: "'#31a354'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRP >= -80
      label: "'Excellent'"
    2_good:
      color: "'#a1d99b'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRP >= -90 AND
        Device.Cellular.Interface.1.X_MIKROTIK_RSRP < -80
      label: "'Good'"
    3_midcell:
      color: "'#e5f5e0'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRP > -100 AND
        Device.Cellular.Interface.1.X_MIKROTIK_RSRP < -90
      label: "'Mid Cell'"
    4_celledge:
      color: "'#ffffff'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRP <= -100
      label: "'Cell Edge'"
rsrq:
  label: "'LTE RSRQ'"
  slices:
    1_excellent:
      color: "'#31a354'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRQ >= -10
      label: "'Excellent'"
    2_good:
      color: "'#a1d99b'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRQ >= -15 AND
        Device.Cellular.Interface.1.X_MIKROTIK_RSRQ < -10
      label: "'Good'"
    3_midcell:
      color: "'#e5f5e0'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRQ > -20 AND
        Device.Cellular.Interface.1.X_MIKROTIK_RSRQ < -15
      label: "'Mid Cell'"
    4_celledge:
      color: "'#ffffff'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_RSRQ <= -20
      label: "'Cell Edge'"
sinr:
  label: "'LTE SINR'"
  slices:
    1_excellent:
      color: "'#31a354'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_SINR >= 20
      label: "'Excellent'"
    2_good:
      color: "'#a1d99b'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_SINR >= 13 AND
        Device.Cellular.Interface.1.X_MIKROTIK_SINR < 20
      label: "'Good'"
    3_midcell:
      color: "'#e5f5e0'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_SINR > 0 AND
        Device.Cellular.Interface.1.X_MIKROTIK_SINR < 13
      label: "'Mid Cell'"
    4_celledge:
      color: "'#ffffff'"
      filter: Device.Cellular.Interface.1.X_MIKROTIK_SINR < 0
      label: "'Cell Edge'"
```

---

<div class="post-metadata">

**Author:** ![ekke000](https://avatars.discourse-cdn.com/v4/letter/e/5f9b8f/32.png) [@ekke000](https://forum.genieacs.com/u/ekke000)\
**Post date:** [November 13, 2020, 4:26am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/6 "2020-11-13T04:26:30Z")

</div>

Awesome thank you very much!

---

<div class="post-metadata">

**Author:** ![Shrawan](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/shrawan/32/1467_2.png) [@Shrawan](https://forum.genieacs.com/u/Shrawan)\
**Post date:** [September 5, 2021, 9:32am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/7 "2021-09-05T09:32:32Z")

</div>

doesnt work

---

<div class="post-metadata">

**Author:** ![Shrawan](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/shrawan/32/1467_2.png) [@Shrawan](https://forum.genieacs.com/u/Shrawan)\
**Post date:** [September 5, 2021, 9:33am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/8 "2021-09-05T09:33:53Z")

</div>

Can you please tell, how to revert the script. There is blank white screen displayed, while using this script.

---

<div class="post-metadata">

**Author:** ![krishanthisera](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/krishanthisera/32/627_2.png) [@krishanthisera](https://forum.genieacs.com/u/krishanthisera)\
**Post date:** [September 27, 2021, 12:14am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/9 "2021-09-27T00:14:22Z")

</div>

I had to remove the entries manually from MongoDB. My version of GenieACS was 1.2.0.

---

<div class="post-metadata">

**Author:** ![mdejko](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mdejko](https://forum.genieacs.com/u/mdejko)\
**Post date:** [October 6, 2021, 6:13am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/10 "2021-10-06T06:13:52Z")

</div>

unfortunately it does not work on virtual parameters 😐

---

<div class="post-metadata">

**Author:** ![Narcis](https://avatars.discourse-cdn.com/v4/letter/n/5f9b8f/32.png) [@Narcis](https://forum.genieacs.com/u/Narcis)\
**Post date:** [December 28, 2021, 11:55am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/11 "2021-12-28T11:55:29Z")

</div>

Could you tell me how did you do to remove the entries ? i am not able to find them

---

<div class="post-metadata">

**Author:** ![Shrawan](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/shrawan/32/1467_2.png) [@Shrawan](https://forum.genieacs.com/u/Shrawan)\
**Post date:** [January 2, 2022, 11:20am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/12 "2022-01-02T11:20:07Z")

</div>

I am using a Huawei router,  
can this filter: Device.Cellular.Interface.1.X\_MIKROTIK\_RSRQ works?  
I think this for MIKROTIK Router

---

<div class="post-metadata">

**Author:** ![spot88](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/spot88/32/464_2.png) [@spot88](https://forum.genieacs.com/u/spot88)\
**Post date:** [May 23, 2022, 11:12pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/13 "2022-05-23T23:12:05Z")

</div>

You have your config?

---

<div class="post-metadata">

**Author:** ![connorwarren1](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@connorwarren1](https://forum.genieacs.com/u/connorwarren1)\
**Post date:** [October 14, 2022, 9:51pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/14 "2022-10-14T21:51:09Z")

</div>

I am trying to setup charts on the overview page to show me routers in an online, past 24 hours and offline state but have a graph per DeviceID.ProductClass as I have a few differnt ones on the TR69 server but I seem to be running into issues?

Does anyone know if this is possible and if so what the syntax may be?

---

<div class="post-metadata">

**Author:** ![akcoder](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/akcoder/32/11_2.png) [@akcoder](https://forum.genieacs.com/u/akcoder)\
**Post date:** [October 14, 2022, 11:37pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/15 "2022-10-14T23:37:20Z")

</div>

Necromancy is frowned upon. Please create your own topic for your issue instead of resurrecting a 5 month old topic that’s not directly related to your issue.

---

<div class="post-metadata">

**Author:** ![prague](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@prague](https://forum.genieacs.com/u/prague)\
**Post date:** [August 10, 2023, 9:07am UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/16 "2023-08-10T09:07:09Z")

</div>

Hi,  
My filter like that,  
Events.0\_BOOTSTRAP \> (NOW() - 24 \* 60 \* 60 \* 1000)

is it possible to to that something like this ? “00:00 \> Events.0\_BOOTSTRAP \>NOW()”

Thanks

---

<div class="post-metadata">

**Author:** ![akcoder](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/akcoder/32/11_2.png) [@akcoder](https://forum.genieacs.com/u/akcoder)\
**Post date:** [August 10, 2023, 5:14pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/17 "2023-08-10T17:14:34Z")

</div>

Necromancy is frowned upon. Please create your own topic for your issue instead of resurrecting a 3 year old topic that’s not directly related to your issue.

---

<div class="post-metadata">

**Author:** ![prague](https://avatars.discourse-cdn.com/v4/letter/p/958977/32.png) [@prague](https://forum.genieacs.com/u/prague)\
**Post date:** [August 10, 2023, 6:38pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/18 "2023-08-10T18:38:39Z")

</div>

right! i did it … thanks

---

<div class="post-metadata">

**Author:** ![elanderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.genieacs.com/elanderson/32/1579_2.png) [@elanderson](https://forum.genieacs.com/u/elanderson)\
**Post date:** [March 15, 2024, 12:23pm UTC](https://forum.genieacs.com/t/1-2-how-to-arrange-charts-in-overview/727/19 "2024-03-15T12:23:59Z")

</div>

Good morning, y’all! Hope you’re doing well.

Have you found any kind of documentation about this Syntax? I know that its YAML based, but, since i haven’t found anything about it too, it’s kinda hard to get through it’s syntax.

Thanks in advice!