containers and VMs now have gauge charts monitoring their CPU, memory and disk I/O
Costa Tsaousis (ktsaou) committed
Jul 25, 2017 at 02:03 UTC
4b921e491f2807b056395094e0bbe6a77c37e483
5 files changed
+83
-4
web/dashboard.css
+1
@@ -37,6 +37,7 @@ body {
37
justify-content: center;
38
-webkit-justify-content: center;
39
-moz-justify-content: center;
40
+ padding-top: 10px;
41
}
42
43
.netdata-container {
web/dashboard.js
+2
-2
@@ -144,7 +144,7 @@ var NETDATA = window.NETDATA || {};
144
NETDATA.themes = {
145
white: {
146
bootstrap_css: NETDATA.serverDefault + 'css/bootstrap-3.3.7.css',
147
- dashboard_css: NETDATA.serverDefault + 'dashboard.css?v20170605-2',
147
+ dashboard_css: NETDATA.serverDefault + 'dashboard.css?v20170725-1',
148
background: '#FFFFFF',
149
foreground: '#000000',
150
grid: '#F0F0F0',
@@ -161,7 +161,7 @@ var NETDATA = window.NETDATA || {};
161
},
162
slate: {
163
bootstrap_css: NETDATA.serverDefault + 'css/bootstrap-slate-flat-3.3.7.css?v20161229-1',
164
- dashboard_css: NETDATA.serverDefault + 'dashboard.slate.css?v20170605-2',
164
+ dashboard_css: NETDATA.serverDefault + 'dashboard.slate.css?v20170725-1',
165
background: '#272b30',
166
foreground: '#C8C8C8',
167
grid: '#283236',
web/dashboard.slate.css
+1
@@ -51,6 +51,7 @@ code {
51
justify-content: center;
52
-moz--webkit-justify-content: center;
53
-moz-justify-content: center;
54
+ padding-top: 10px;
55
}
56
57
.netdata-container {
web/dashboard_info.js
+77
@@ -1020,6 +1020,83 @@ netdataDashboard.context = {
1020
height: 0.5
1021
},
1022
1023
+
1024
+ // ------------------------------------------------------------------------
1025
+ // containers
1026
+
1027
+ 'cgroup.cpu': {
1028
+ mainheads: [
1029
+ function(os, id) {
1030
+ void(os);
1031
+ return '<div data-netdata="' + id + '"'
1032
+ + ' data-chart-library="gauge"'
1033
+ + ' data-title="CPU"'
1034
+ + ' data-units="%"'
1035
+ + ' data-gauge-adjust="width"'
1036
+ + ' data-width="12%"'
1037
+ + ' data-before="0"'
1038
+ + ' data-after="-CHART_DURATION"'
1039
+ + ' data-points="CHART_DURATION"'
1040
+ + ' data-colors="' + NETDATA.colors[0] + '"'
1041
+ + ' role="application"></div>';
1042
+ }
1043
+ ]
1044
+ },
1045
+
1046
+ 'cgroup.mem_usage': {
1047
+ mainheads: [
1048
+ function(os, id) {
1049
+ void(os);
1050
+ return '<div data-netdata="' + id + '"'
1051
+ + ' data-chart-library="gauge"'
1052
+ + ' data-title="Memory"'
1053
+ + ' data-units="MB"'
1054
+ + ' data-gauge-adjust="width"'
1055
+ + ' data-width="12%"'
1056
+ + ' data-before="0"'
1057
+ + ' data-after="-CHART_DURATION"'
1058
+ + ' data-points="CHART_DURATION"'
1059
+ + ' data-colors="' + NETDATA.colors[1] + '"'
1060
+ + ' role="application"></div>';
1061
+ }
1062
+ ]
1063
+ },
1064
+
1065
+ 'cgroup.throttle_io': {
1066
+ mainheads: [
1067
+ function(os, id) {
1068
+ void(os);
1069
+ return '<div data-netdata="' + id + '"'
1070
+ + ' data-dimensions="read"'
1071
+ + ' data-chart-library="gauge"'
1072
+ + ' data-title="Read Disk I/O"'
1073
+ + ' data-units="KB/s"'
1074
+ + ' data-gauge-adjust="width"'
1075
+ + ' data-width="12%"'
1076
+ + ' data-before="0"'
1077
+ + ' data-after="-CHART_DURATION"'
1078
+ + ' data-points="CHART_DURATION"'
1079
+ + ' data-colors="' + NETDATA.colors[2] + '"'
1080
+ + ' role="application"></div>';
1081
+ },
1082
+ function(os, id) {
1083
+ void(os);
1084
+ return '<div data-netdata="' + id + '"'
1085
+ + ' data-dimensions="write"'
1086
+ + ' data-chart-library="gauge"'
1087
+ + ' data-title="Write Disk I/O"'
1088
+ + ' data-units="KB/s"'
1089
+ + ' data-gauge-adjust="width"'
1090
+ + ' data-width="12%"'
1091
+ + ' data-before="0"'
1092
+ + ' data-after="-CHART_DURATION"'
1093
+ + ' data-points="CHART_DURATION"'
1094
+ + ' data-colors="' + NETDATA.colors[3] + '"'
1095
+ + ' role="application"></div>';
1096
+ }
1097
+ ]
1098
+ },
1099
+
1100
// ------------------------------------------------------------------------
1101
// web_log
1102
web/index.html
+2
-2
@@ -2961,7 +2961,7 @@
2961
});
2962
2963
NETDATA.requiredJs.push({
2964
- url: NETDATA.serverDefault + 'dashboard_info.js?v20170530-1',
2964
+ url: NETDATA.serverDefault + 'dashboard_info.js?v20170725-1',
2965
async: false,
2966
isAlreadyLoaded: function() { return false; }
2967
});
@@ -3589,4 +3589,4 @@
3589
</div>
3590
</body>
3591
</html>
3592
-<script type="text/javascript" src="dashboard.js?v20170724-1"></script>
3592
+<script type="text/javascript" src="dashboard.js?v20170725-1"></script>