Graphics side by side

1

hello, does anyone know how to put the graphics side by side? Like the photo. Mine are under each other.Sem tĂ­tulo

Sem tĂ­tulo2
Sem título2666×838 29 KB

2

You don’t mention what version of GenieACS you are using, but I’m going to presume that v1.2 works the same as v1.1.

If you have any trouble, post your json.graph.erb file.

{
  "row1" : {
    "CINR" : [
      {
        "label" : "Good",
        "color" : "#66ca0f",
        "query" : {"_lastInform" : {"$gt" : "<%= threshold_green %>"}}
      },
      {
        "label" : "Acceptable",
        "color" : "#fcfe04",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_green %>", "$gt" : "<%= threshold_yellow %>"}}
      },
      {
        "label" : "Poor",
        "color" : "#cc0204",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_yellow %>"}}
      }
    ]
  },
  "row2" : {
    "RSSI" : [
      {
        "label" : "Good",
        "color" : "#66ca0f",
        "query" : {"_lastInform" : {"$gt" : "<%= threshold_green %>"}}
      },
      {
        "label" : "Acceptable",
        "color" : "#fcfe04",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_green %>", "$gt" : "<%= threshold_yellow %>"}}
      },
      {
        "label" : "Poor",
        "color" : "#cc0204",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_yellow %>"}}
      }
    ]
  },
  "row3" : {
    "Online" : [
      {
        "label" : "Online now",
        "color" : "#66ca0f",
        "query" : {"_lastInform" : {"$gt" : "<%= threshold_green %>"}}
      },
      {
        "label" : "Past 24 hours",
        "color" : "#fcfe04",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_green %>", "$gt" : "<%= threshold_yellow %>"}}
      },
      {
        "label" : "Others",
        "color" : "#cc0204",
        "query" : {"_lastInform" : {"$lt" : "<%= threshold_yellow %>"}}
      }
    ]
  }
}
3

I’m using version 1.2

Sem tĂ­tulo3
Sem título31901×959 116 KB

4

Try adding another nesting level to the overview graph

5

I edited it wrong and now the ui is blank, there is no way to revert through the ui. Do you know where I edit? Installed in ubunutu 18.

Sem tĂ­tulo4
Sem título41465×841 3.87 KB

6

Sem tĂ­tulo6
Sem título61507×312 12.9 KB

7

do you know how to reverse the changes made by the ui?

8

You will need to manually edit the mongo db I suspect. We haven’t migrated to v1.2

9

Hi all,
I have edited overview window a bit and ui also started to show white page only. Tried restart server, genieacs-ui with no success. As I remember, I changed one chart, after that I moved that chart from one group to another in overview config. I have made a lot configuration today. Where can I find that information in mongodb? I guess this is the only way?
Chrome F12 diag shows error:
overview-page.ts:29 Uncaught TypeError: Cannot convert undefined or null to object

10

ok, I’ve restored my ui, by editing mongodb. I had to delete group I’ve created:
db.config.remove({ “_id” : “ui.overview.groups.Update.0”, “value” : “‘Updates’” }
It cause me ui error. This group had no label line as other groups had in db. I’ve tried to add label line at first, but it didn’t help:
db.config.insert({ “_id” : “ui.overview.groups.Update.label”, “value” : “‘Updates’” })

1 Like
11

See here: 1.2+ How to arrange charts in Overview?

It shows how to use groups inside the config editor for Admin | Config | Overview to create one or more rows.

This example creates two rows, the first with three charts and the second with just one:
image

1 Like
12

to solve this problem, please use this command:

  1. db.config.find()
  2. db.config.find({"_id":/.ui.overview.groups.rsrq./})
  3. db.config.remove({"_id":/.ui.overview.groups.sinr./})

overview_mongod
overview_mongod1629×991 251 KB

13

Hello! newbie here! Can you tell us how graphs like that are created?