Added linechart for resource utilisation

Author: bharat-mukheja

public/configurations/dashboards/aarNSG.json

@@ -4,7 +4,8 @@
     "creationDate": "10/26/2016",
     "title": "AAR NSG ({{snsg}})",
     "visualizations": [
-        { "id": "aar-nsg-alarm-text",  "x": 1, "y": 0,  "w": 2, "h": 8, "minW": 1, "minH": 5, "static": true}
+        { "id": "aar-nsg-alarm-text",  "x": 1, "y": 0,  "w": 2, "h": 8, "minW": 1, "minH": 5, "static": true},
+        { "id": "aar-nsg-resource-linechart",  "x": 0, "y": 8,  "w": 10, "h": 15, "minW": 1, "minH": 5, "static": true}
     ],
     "links": [
         {
@@ -31,22 +32,5 @@
             "label": "Alarms",
             "url": "/dashboards/aarNSGAlarms"
         }
-    ],
-    "filterOptions": {
-        "Metric": {
-            "parameter": "metric",
-            "default": "TotalBytesCount",
-            "options": [
-                {
-                    "label": "Total Bytes",
-                    "value": "TotalBytesCount",
-                    "default": true
-                },
-                {
-                    "label": "Total Packets",
-                    "value": "TotalPacketsCount"
-                }
-            ]
-        }
-    }
+    ]
 }

public/configurations/queries/aar-nsg-resource-linechart.json

@@ -0,0 +1,52 @@
+{
+    "id":"aar-nsg-resource-linechart",
+    "title":"TBD",
+    "service":"elasticsearch",
+    "query":{
+        "index":"{{index:nuage_sysmon}}",
+        "type":"{{type:nuage_doc_type}}",
+        "body":{
+            "size":0,
+            "query":{
+                "bool":{
+                    "must":[
+                        {
+                            "range":{
+                                "timestamp":{
+                                    "gte":"{{startTime:now-24h}}",
+                                    "lte":"{{endTime:now}}",
+                                    "format":"epoch_millis"
+                                }
+                            }
+                        },
+                        {
+                            "term": {
+                                "system_id": "{{nsgSystemId}}"
+                            }
+                        }
+                    ]
+                }
+            },
+            "aggs": {
+                "ts": {
+                    "date_histogram": {
+                        "field": "timestamp",
+                        "interval": "{{interval:1h}}"
+                    },
+                    "aggs": {
+                        "CPU": {
+                            "avg": {
+                                "field": "cpu"
+                            }                                            
+                        },
+                        "MEMORY": {
+                            "avg": {
+                                "field": "memory"
+                            }                                            
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

public/configurations/visualizations/aar-nsg-resource-linechart.json

@@ -0,0 +1,30 @@
+{
+    "id": "aar-nsg-resource-linechart",
+    "graph": "MultiLineGraph",
+    "title": "Resource Utilisation",
+    "description": "Memory and CPU utilization over a period of time selected in interval",
+    "author": "Bharat Mukheja",
+    "creationDate": "11/19/2018",
+    "data": {
+        "dateHistogram": true,
+        "xColumn": "ts",
+        "xLabel": "Time",
+        "yColumn": ["CPU", "MEMORY"],
+        "yTickFormat": ",.1f",
+        "yLabel": "",
+        "yTicks": 5,
+        "linesColumn": ["CPU", "MEMORY"],
+        "legend": {
+            "orientation": "vertical",
+            "show": true,
+            "circleSize": 5,
+            "labelOffset": 5
+        },
+        "tooltip": [
+            { "column": "columnType", "label": "Type"},
+            { "column": "yColumn", "label": "Value (%)", "format": "0.2f"},
+            { "column": "ts", "label": "Timestamp", "timeFormat": "%b %d, %y %X"}
+        ]
+    },
+    "query": "aar-nsg-resource-linechart"
+}

src/components/App/MainMenu.js

@@ -174,7 +174,7 @@ class MainMenuView extends React.Component {
             <div>
                 {nsgs.map((nsg) => {
 
-                    let queryParams = Object.assign({}, context, { snsg: nsg.name, dnsg: nsg.name, nsgId: nsg.ID });
+                    let queryParams = Object.assign({}, context, { snsg: nsg.name, dnsg: nsg.name, nsgId: nsg.ID, nsgSystemId: nsg.systemID });
 
                     return (
                         <ListItem