charts can now have syncronized y-range; fixes #593

diff --git a/web/dashboard.html b/web/dashboard.html
index 1e5767bbd1f7a2f68058b1257417701f1ba3f598..e60d5b8c08b7a5a1efb2c589feec14eff8b5a131 100644 (file)
--- a/web/dashboard.html
+++ b/web/dashboard.html
@@ -652,4 +652,4 @@ So, to avoid flashing the charts, we destroy and re-create the charts on each up
 <!-- <script> netdataServer = "http://box:19999"; </script> -->
 
 <!-- load the dashboard manager - it will do the rest -->
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>

diff --git a/web/dashboard.js b/web/dashboard.js
index b7ef9a3ce72b87793b3dc5aaa4ef6e0be5aecac6..01af8a67998c59da161463e7b11b54ea44adb302 100644 (file)
--- a/web/dashboard.js
+++ b/web/dashboard.js
@@ -660,6 +660,119 @@
         NETDATA.errorLast.datetime = 0;
     };
 
+    // ----------------------------------------------------------------------------------------------------------------
+    // commonMin & commonMax
+
+    NETDATA.commonMin = {
+        keys: {},
+        latest: {},
+
+        get: function(state) {
+            if(typeof state.__commonMin === 'undefined') {
+                // get the commonMin setting
+                var self = $(state.element);
+                state.__commonMin = self.data('common-min') || null;
+            }
+
+            var min = state.data.min;
+            var name = state.__commonMin;
+
+            if(name === null) {
+                // we don't need commonMin
+                //state.log('no need for commonMin');
+                return min;
+            }
+
+            var t = this.keys[name];
+            if(typeof t === 'undefined') {
+                // add our commonMin
+                this.keys[name] = {};
+                t = this.keys[name];
+            }
+
+            var uuid = state.uuid;
+            if(typeof t[uuid] !== 'undefined') {
+                if(t[uuid] === min) {
+                    //state.log('commonMin ' + state.__commonMin + ' not changed: ' + this.latest[name]);
+                    return this.latest[name];
+                }
+                else if(min < this.latest[name]) {
+                    //state.log('commonMin ' + state.__commonMin + ' increased: ' + min);
+                    t[uuid] = min;
+                    this.latest[name] = min;
+                    return min;
+                }
+            }
+
+            // add our min
+            t[uuid] = min;
+
+            // find the common min
+            var m = min;
+            for(var i in t)
+                if(t[i] < m) m = t[i];
+
+            //state.log('commonMin ' + state.__commonMin + ' updated: ' + m);
+            this.latest[name] = m;
+            return m;
+        }
+    };
+
+    NETDATA.commonMax = {
+        keys: {},
+        latest: {},
+
+        get: function(state) {
+            if(typeof state.__commonMax === 'undefined') {
+                // get the commonMax setting
+                var self = $(state.element);
+                state.__commonMax = self.data('common-max') || null;
+            }
+
+            var max = state.data.max;
+            var name = state.__commonMax;
+
+            if(name === null) {
+                // we don't need commonMax
+                //state.log('no need for commonMax');
+                return max;
+            }
+
+            var t = this.keys[name];
+            if(typeof t === 'undefined') {
+                // add our commonMax
+                this.keys[name] = {};
+                t = this.keys[name];
+            }
+
+            var uuid = state.uuid;
+            if(typeof t[uuid] !== 'undefined') {
+                if(t[uuid] === max) {
+                    //state.log('commonMax ' + state.__commonMax + ' not changed: ' + this.latest[name]);
+                    return this.latest[name];
+                }
+                else if(max > this.latest[name]) {
+                    //state.log('commonMax ' + state.__commonMax + ' increased: ' + max);
+                    t[uuid] = max;
+                    this.latest[name] = max;
+                    return max;
+                }
+            }
+
+            // add our max
+            t[uuid] = max;
+
+            // find the common max
+            var m = max;
+            for(var i in t)
+                if(t[i] > m) m = t[i];
+
+            //state.log('commonMax ' + state.__commonMax + ' updated: ' + m);
+            this.latest[name] = m;
+            return m;
+        }
+    };
+
     // ----------------------------------------------------------------------------------------------------------------
     // Chart Registry
 
@@ -3903,25 +4016,33 @@
                 state.log('dygraphChartUpdate() forced zoom update');
 
             options.dateWindow = (state.requested_padding !== null)?[ state.view_after, state.view_before ]:null;
-            options.valueRange = state.dygraph_options.valueRange;
             options.isZoomedIgnoreProgrammaticZoom = true;
             state.dygraph_force_zoom = false;
         }
         else if(state.current.name !== 'auto') {
             if(NETDATA.options.debug.dygraph === true || state.debug === true)
                 state.log('dygraphChartUpdate() loose update');
-
-            options.valueRange = state.dygraph_options.valueRange;
         }
         else {
             if(NETDATA.options.debug.dygraph === true || state.debug === true)
                 state.log('dygraphChartUpdate() strict update');
 
             options.dateWindow = (state.requested_padding !== null)?[ state.view_after, state.view_before ]:null;
-            options.valueRange = state.dygraph_options.valueRange;
             options.isZoomedIgnoreProgrammaticZoom = true;
         }
 
+        options.valueRange = state.dygraph_options.valueRange;
+
+        var oldMax = null, oldMin = null;
+        if(state.__commonMin !== null) {
+            state.data.min = state.dygraph_instance.axes_[0].extremeRange[0];
+            oldMin = options.valueRange[0] = NETDATA.commonMin.get(state);
+        }
+        if(state.__commonMax !== null) {
+            state.data.max = state.dygraph_instance.axes_[0].extremeRange[1];
+            oldMax = options.valueRange[1] = NETDATA.commonMax.get(state);
+        }
+
         if(state.dygraph_smooth_eligible === true) {
             if((NETDATA.options.current.smooth_plot === true && state.dygraph_options.plotter !== smoothPlotter)
                 || (NETDATA.options.current.smooth_plot === false && state.dygraph_options.plotter === smoothPlotter)) {
@@ -3932,6 +4053,23 @@
 
         dygraph.updateOptions(options);
 
+        var redraw = false;
+        if(oldMin !== null && oldMin > state.dygraph_instance.axes_[0].extremeRange[0]) {
+            state.data.min = state.dygraph_instance.axes_[0].extremeRange[0];
+            options.valueRange[0] = NETDATA.commonMin.get(state);
+            redraw = true;
+        }
+        if(oldMax !== null && oldMax < state.dygraph_instance.axes_[0].extremeRange[1]) {
+            state.data.max = state.dygraph_instance.axes_[0].extremeRange[1];
+            options.valueRange[1] = NETDATA.commonMax.get(state);
+            redraw = true;
+        }
+
+        if(redraw === true) {
+            // state.log('forcing redraw to adapt to common- min/max');
+            dygraph.updateOptions(options);
+        }
+
         state.dygraph_last_rendered = new Date().getTime();
         return true;
     };
@@ -3966,7 +4104,7 @@
             title: self.data('dygraph-title') || state.title,
             titleHeight: self.data('dygraph-titleheight') || 19,
 
-            legend: self.data('dygraph-legend') || 'always', // 'onmouseover',
+            legend: self.data('dygraph-legend') || 'always', // we need this to get selection events
             labels: data.result.labels,
             labelsDiv: self.data('dygraph-labelsdiv') || state.element_legend_childs.hidden,
             labelsDivStyles: self.data('dygraph-labelsdivstyles') || { 'fontSize':'1px' },
@@ -3982,7 +4120,7 @@
             xRangePad: self.data('dygraph-xrangepad') || 0,
             yRangePad: self.data('dygraph-yrangepad') || 1,
 
-            valueRange: self.data('dygraph-valuerange') || null,
+            valueRange: self.data('dygraph-valuerange') || [ null, null ],
 
             ylabel: state.units,
             yLabelWidth: self.data('dygraph-ylabelwidth') || 12,
@@ -4422,6 +4560,17 @@
         state.dygraph_force_zoom = false;
         state.dygraph_user_action = false;
         state.dygraph_last_rendered = new Date().getTime();
+
+        if(typeof state.dygraph_instance.axes_[0].extremeRange !== 'undefined') {
+            state.__commonMin = self.data('common-min') || null;
+            state.__commonMax = self.data('common-max') || null;
+        }
+        else {
+            state.log('incompatible version of dygraphs detected');
+            state.__commonMin = null;
+            state.__commonMax = null;
+        }
+
         return true;
     };
 
@@ -4922,7 +5071,7 @@
         }
 
         var value = state.data.result[state.data.result.length - 1 - slot];
-        var max = (state.easyPieChartMax === null)?state.data.max:state.easyPieChartMax;
+        var max = (state.easyPieChartMax === null)?NETDATA.commonMax.get(state):state.easyPieChartMax;
         var pcent = NETDATA.percentFromValueMax(value, max);
 
         state.easyPieChartEvent.value = value;
@@ -4951,7 +5100,7 @@
         }
         else {
             value = data.result[0];
-            max = (state.easyPieChartMax === null)?data.max:state.easyPieChartMax;
+            max = (state.easyPieChartMax === null)?NETDATA.commonMax.get(state):state.easyPieChartMax;
             pcent = NETDATA.percentFromValueMax(value, max);
         }
 
@@ -4969,7 +5118,7 @@
         var adjust = self.data('easypiechart-adjust') || null;
 
         if(max === null) {
-            max = data.max;
+            max = NETDATA.commonMax.get(state);
             state.easyPieChartMax = null;
         }
         else
@@ -5191,7 +5340,7 @@
         }
 
         var value = state.data.result[state.data.result.length - 1 - slot];
-        var max = (state.gaugeMax === null)?state.data.max:state.gaugeMax;
+        var max = (state.gaugeMax === null)?NETDATA.commonMax.get(state):state.gaugeMax;
         var min = 0;
 
         state.gaugeEvent.value = value;
@@ -5223,7 +5372,7 @@
         else {
             value = data.result[0];
             min = 0;
-            max = (state.gaugeMax === null)?data.max:state.gaugeMax;
+            max = (state.gaugeMax === null)?NETDATA.commonMax.get(state):state.gaugeMax;
             if(value > max) max = value;
             NETDATA.gaugeSetLabels(state, value, min, max);
         }
@@ -5246,7 +5395,7 @@
         var generateGradient = self.data('gauge-generate-gradient') || false;
 
         if(max === null) {
-            max = data.max;
+            max = NETDATA.commonMax.get(state);
             state.gaugeMax = null;
         }
         else

diff --git a/web/dashboard_info.js b/web/dashboard_info.js
index 35217618f1a27d6bffea0d66009198ef927ca64f..a5cdf7b87092c8f8b0310cb89f1ef3eb5d1efa11 100644 (file)
--- a/web/dashboard_info.js
+++ b/web/dashboard_info.js
@@ -1,756 +1,757 @@
-\r
-var netdataDashboard = window.netdataDashboard || {};\r
-\r
-// menu\r
-// information about the main menus\r
-\r
-netdataDashboard.menu = {\r
-    'system': {\r
-        title: 'System Overview',\r
-        icon: '<i class="fa fa-bookmark" aria-hidden="true"></i>',\r
-        info: 'Overview of the key system metrics.'\r
-    },\r
-\r
-    'ap': {\r
-        title: 'Access Points',\r
-        icon: '<i class="fa fa-wifi" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'tc': {\r
-        title: 'Quality of Service',\r
-        icon: '<i class="fa fa-globe" aria-hidden="true"></i>',\r
-        info: 'Netdata collects and visualizes tc class utilization using its <a href="https://github.com/firehol/netdata/blob/master/plugins.d/tc-qos-helper.sh" target="_blank">tc-helper plugin</a>. If you also use <a href="http://firehol.org/#fireqos" target="_blank">FireQOS</a> for setting up QoS, netdata automatically collects interface and class names. If your QoS configuration includes overheads calculation, the values shown here will include these overheads (the total bandwidth for the same interface as reported in the Network Interfaces section, will be lower than the total bandwidth reported here). Also, data collection may have a slight time difference compared to the interface (QoS data collection is implemented with a BASH script, so a shift in data collection of a few milliseconds should be justified).'\r
-    },\r
-\r
-    'net': {\r
-        title: 'Network Interfaces',\r
-        icon: '<i class="fa fa-share-alt" aria-hidden="true"></i>',\r
-        info: 'Per network interface statistics collected from <code>/proc/net/dev</code>.'\r
-    },\r
-\r
-    'ipv4': {\r
-        title: 'IPv4 Networking',\r
-        icon: '<i class="fa fa-cloud" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'ipv6': {\r
-        title: 'IPv6 Networking',\r
-        icon: '<i class="fa fa-cloud" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'ipvs': {\r
-        title: 'IP Virtual Server',\r
-        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'netfilter': {\r
-        title: 'Firewall (netfilter)',\r
-        icon: '<i class="fa fa-shield" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'cpu': {\r
-        title: 'CPUs',\r
-        icon: '<i class="fa fa-bolt" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'mem': {\r
-        title: 'Memory',\r
-        icon: '<i class="fa fa-bolt" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'disk': {\r
-        title: 'Disks',\r
-        icon: '<i class="fa fa-folder" aria-hidden="true"></i>',\r
-        info: 'Charts with performance information for all the system disks. Special care has been given to present disk performance metrics in a way compatible with <code>iostat -x</code>. netdata by default prevents rendering performance charts for individual partitions and unmounted virtual disks. Disabled charts can still be enabled by altering the relative settings in the netdata configuration file.'\r
-    },\r
-\r
-    'sensors': {\r
-        title: 'Sensors',\r
-        icon: '<i class="fa fa-leaf" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'nfsd': {\r
-        title: 'NFS Server',\r
-        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'nfs': {\r
-        title: 'NFS Client',\r
-        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'apps': {\r
-        title: 'Applications',\r
-        icon: '<i class="fa fa-heartbeat" aria-hidden="true"></i>',\r
-        info: 'Per application statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics for applications of interest, defined in <code>/etc/netdata/apps_groups.conf</code> (the default is <a href="https://github.com/firehol/netdata/blob/master/conf.d/apps_groups.conf" target="_blank">here</a>). The plugin internally builds a process tree (much like <code>ps fax</code> does), and groups processes together (evaluating both child and parent processes) so that the result is always a chart with a predefined set of dimensions (of course, only application groups found running are reported). The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',\r
-        height: 1.5\r
-    },\r
-\r
-    'users': {\r
-        title: 'Users',\r
-        icon: '<i class="fa fa-user" aria-hidden="true"></i>',\r
-        info: 'Per user statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics per user. The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',\r
-        height: 1.5\r
-    },\r
-\r
-    'groups': {\r
-        title: 'User Groups',\r
-        icon: '<i class="fa fa-users" aria-hidden="true"></i>',\r
-        info: 'Per user group statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics per user group. The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',\r
-        height: 1.5\r
-    },\r
-\r
-    'netdata': {\r
-        title: 'Netdata Monitoring',\r
-        icon: '<i class="fa fa-bar-chart" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'example': {\r
-        title: 'Example Charts',\r
-        info: undefined\r
-    },\r
-\r
-    'cgroup': {\r
-        title: '',\r
-        icon: '<i class="fa fa-th" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'cgqemu': {\r
-        title: '',\r
-        icon: '<i class="fa fa-th-large" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'fping': {\r
-        title: 'fping',\r
-        icon: '<i class="fa fa-exchange" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'memcached': {\r
-        title: 'memcached',\r
-        icon: '<i class="fa fa-database" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'mysql': {\r
-        title: 'MySQL',\r
-        icon: '<i class="fa fa-database" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'postgres': {\r
-        title: 'Postgres',\r
-        icon: '<i class="fa fa-database" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'redis': {\r
-        title: 'Redis',\r
-        icon: '<i class="fa fa-database" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'retroshare': {\r
-        title: 'RetroShare',\r
-        icon: '<i class="fa fa-share-alt" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'ipfs': {\r
-        title: 'IPFS',\r
-        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'phpfpm': {\r
-        title: 'PHP-FPM',\r
-        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',\r
-        info: undefined,\r
-    },\r
-\r
-    'postfix': {\r
-        title: 'postfix',\r
-        icon: '<i class="fa fa-envelope" aria-hidden="true"></i>',\r
-        info: undefined,\r
-    },\r
-\r
-    'nginx': {\r
-        title: 'nginx',\r
-        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',\r
-        info: undefined,\r
-    },\r
-\r
-    'apache': {\r
-        title: 'Apache',\r
-        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',\r
-        info: undefined,\r
-    },\r
-\r
-    'named': {\r
-        title: 'named',\r
-        icon: '<i class="fa fa-tag" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'squid': {\r
-        title: 'squid',\r
-        icon: '<i class="fa fa-exchange" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'nut': {\r
-        title: 'UPS',\r
-        icon: '<i class="fa fa-battery-half" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'apcupsd': {\r
-        title: 'UPS',\r
-        icon: '<i class="fa fa-battery-half" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'smawebbox': {\r
-        title: 'Solar Power',\r
-        icon: '<i class="fa fa-sun-o" aria-hidden="true"></i>',\r
-        info: undefined\r
-    },\r
-\r
-    'snmp': {\r
-        title: 'SNMP',\r
-        icon: '<i class="fa fa-random" aria-hidden="true"></i>',\r
-        info: undefined\r
-    }\r
-};\r
-\r
-// submenu\r
-// information about the submenus\r
-netdataDashboard.submenu = {\r
-    'mem.ksm': {\r
-        title: 'Memory Deduper',\r
-        info: 'Kernel Same-page Merging (KSM) performance monitoring, read from several files in <code>/sys/kernel/mm/ksm/</code>. KSM is a memory-saving de-duplication feature in the Linux kernel (since version 2.6.32). The KSM daemon ksmd periodically scans those areas of user memory which have been registered with it, looking for pages of identical content which can be replaced by a single write-protected page (which is automatically copied if a process later wants to update its content). KSM was originally developed for use with KVM (where it was known as Kernel Shared Memory), to fit more virtual machines into physical memory, by sharing the data common between them.  But it can be useful to any application which generates many instances of the same data.'\r
-    },\r
-\r
-    'ipv4.ecn': {\r
-        info: '<a href="https://en.wikipedia.org/wiki/Explicit_Congestion_Notification" target="_blank">Explicit Congestion Notification (ECN)</a> is a TCP extension that allows end-to-end notification of network congestion without dropping packets. ECN is an optional feature that may be used between two ECN-enabled endpoints when the underlying network infrastructure also supports it.'\r
-    },\r
-\r
-    'netfilter.conntrack': {\r
-        title: 'Connection Tracker',\r
-        info: 'Netfilter Connection Tracker performance monitoring, read from <code>/proc/net/stat/nf_conntrack</code>. The connection tracker keeps track of all connections of the machine, inbound and outbound. It works by keeping a database with all open connections, tracking network and address translation and connection expectations.'\r
-    },\r
-\r
-    'netfilter.nfacct': {\r
-        title: 'Bandwidth Accounting',\r
-        info: 'The following information is read using the <code>nfacct.plugin</code>.'\r
-    },\r
-\r
-    'netfilter.synproxy': {\r
-        title: 'DDoS Protection',\r
-        info: 'DDoS Protection performance monitoring read from <code>/proc/net/stat/synproxy</code>. <a href="https://github.com/firehol/firehol/wiki/Working-with-SYNPROXY" target="_blank">SYNPROXY</a> is a TCP SYN packets proxy. It is used to protect any TCP server (like a web server) from SYN floods and similar DDoS attacks. It is a netfilter module, in the Linux kernel (since version 3.12). It is optimized to handle millions of packets per second utilizing all CPUs available without any concurrency locking between the connections. It can be used for any kind of TCP traffic (even encrypted), since it does not interfere with the content itself.'\r
-    },\r
-\r
-    'system.softnet_stat': {\r
-        title: 'softnet',\r
-        info: 'Statistics for CPUs SoftIRQs related to network receive work, read from <code>/proc/net/softnet_stat</code>. Break down per CPU core can be found at <a href="#cpu_softnet_stat">CPU / softnet statistics</a>. <b>processed</b> states the number of packets processed, <b>dropped</b> is the number packets dropped because the network device backlog was full (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_max_backlog</code>), <b>squeezed</b> is the number of packets dropped because the network device budget ran out (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_budget</code>). More information about identifying and troubleshooting network driver related issues can be found at <a href="https://access.redhat.com/sites/default/files/attachments/20150325_network_performance_tuning.pdf" target="_blank">Red Hat Enterprise Linux Network Performance Tuning Guide</a>.'\r
-    },\r
-\r
-    'cpu.softnet_stat': {\r
-        title: 'softnet',\r
-        info: 'Statistics for per CPUs core SoftIRQs related to network receive work, read from <code>/proc/net/softnet_stat</code>. Total for all CPU cores can be found at <a href="#system_softnet_stat">System / softnet statistics</a>. <b>processed</b> states the number of packets processed, <b>dropped</b> is the number packets dropped because the network device backlog was full (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_max_backlog</code>), <b>squeezed</b> is the number of packets dropped because the network device budget ran out (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_budget</code>). More information about identifying and troubleshooting network driver related issues can be found at <a href="https://access.redhat.com/sites/default/files/attachments/20150325_network_performance_tuning.pdf" target="_blank">Red Hat Enterprise Linux Network Performance Tuning Guide</a>.'\r
-    }\r
-};\r
-\r
-// chart\r
-// information works on the context of a chart\r
-// Its purpose is to set:\r
-//\r
-// info: the text above the charts\r
-// heads: the representation of the chart at the top the subsection (second level menu)\r
-// mainheads: the representation of the chart at the top of the section (first level menu)\r
-// colors: the dimension colors of the chart (the default colors are appended)\r
-// height: the ratio of the chart height relative to the default\r
-//\r
-netdataDashboard.context = {\r
-    'system.cpu': {\r
-        info: 'Total CPU utilization (all cores). 100% here means there is no CPU idle time at all. You can get per core usage at the <a href="#cpu">CPUs</a> section and per application usage at the <a href="#apps">Applications Monitoring</a> section.<br/>Keep an eye on <b>iowait</b> ' + sparkline('system.cpu', 'iowait', '%') + '. If it is constantly high, your disks are a bottleneck and they slow your system down.<br/>Another important metric worth monitoring, is <b>softirq</b> ' + sparkline('system.cpu', 'softirq', '%') + '. A constantly high percentage of softirq may indicate network drivers issues.'\r
-    },\r
-\r
-    'system.load': {\r
-        info: 'Current system load, i.e. the number of processes using CPU or waiting for system resources (usually CPU and disk). The 3 metrics refer to 1, 5 and 15 minute averages. Linux calculates this once every 5 seconds. Netdata reads them from <code>/proc/loadavg</code>. For more information check <a href="https://en.wikipedia.org/wiki/Load_(computing)" target="_blank">this wikipedia article</a>',\r
-        height: 0.7\r
-    },\r
-\r
-    'system.io': {\r
-        info: 'Total Disk I/O, for all disks, read from <code>/proc/vmstat</code>. You can get detailed information about each disk at the <a href="#disk">Disks</a> section and per application Disk usage at the <a href="#apps">Applications Monitoring</a> section.'\r
-    },\r
-\r
-    'system.swapio': {\r
-        info: 'Total Swap I/O, read from <code>/proc/vmstat</code>. (netdata measures both <code>in</code> and <code>out</code>. If either of them is not shown in the chart, it is because it is zero - you can change the page settings to always render all the available dimensions on all charts).'\r
-    },\r
-\r
-    'system.pgfaults': {\r
-        info: 'Total page faults, read from <code>/proc/vmstat</code>. <b>Major page faults</b> indicates that the system is using its swap. You can find which applications use the swap at the <a href="#apps">Applications Monitoring</a> section.'\r
-    },\r
-\r
-    'system.entropy': {\r
-        colors: '#CC22AA',\r
-        info: '<a href="https://en.wikipedia.org/wiki/Entropy_(computing)" target="_blank">Entropy</a>, read from <code>/proc/sys/kernel/random/entropy_avail</code>, is like a pool of random numbers (<a href="https://en.wikipedia.org/wiki//dev/random" target="_blank">/dev/random</a>) that are mainly used in cryptography. It is advised that the pool remains always <a href="https://blog.cloudflare.com/ensuring-randomness-with-linuxs-random-number-generator/" target="_blank">above 200</a>. If the pool of entropy gets empty, you risk your security to be predictable and you should install a user-space random numbers generating daemon, like <a href="http://www.issihosts.com/haveged/" target="_blank">haveged</a> or <code>rng-tools</code> (i.e. <b>rngd</b>), to keep the pool in healthy levels.'\r
-    },\r
-\r
-    'system.forks': {\r
-        colors: '#5555DD',\r
-        info: 'The number of new processes created per second, read from <code>/proc/stat</code>.'\r
-    },\r
-\r
-    'system.intr': {\r
-        colors: '#DD5555',\r
-        info: 'Total number of CPU interrupts, read from <code>/proc/stat</code>. Check <code>system.interrupts</code> that gives more detail about each interrupt and also the <a href="#cpu">CPUs</a> section where interrupts are analyzed per CPU core.'\r
-    },\r
-\r
-    'system.interrupts': {\r
-        info: 'CPU interrupts in detail, read from <code>/proc/interrupts</code>. At the <a href="#cpu">CPUs</a> section, interrupts are analyzed per CPU core.'\r
-    },\r
-\r
-    'system.softirqs': {\r
-        info: 'CPU softirqs in detail, read from <code>/proc/softirqs</code>. At the <a href="#cpu">CPUs</a> section, softirqs are analyzed per CPU core.'\r
-    },\r
-\r
-    'system.processes': {\r
-        info: 'System processes, read from <code>/proc/stat</code>. <b>Running</b> are the processes in the CPU. <b>Blocked</b> are processes that are willing to enter the CPU, but they cannot, e.g. because they wait for disk activity.'\r
-    },\r
-\r
-    'system.active_processes': {\r
-        info: 'All system processes, read from <code>/proc/loadavg</code>.'\r
-    },\r
-\r
-    'system.ctxt': {\r
-        info: '<a href="https://en.wikipedia.org/wiki/Context_switch" target="_blank">Context Switches</a>, read from <code>/proc/stat</code>, is the switching of the CPU from one process, task or thread to another. If there are many processes or threads willing to execute and very few CPU cores available to handle them, the system is making more context switching to balance the CPU resources among them. The whole process is computationally intensive. The more the context switches, the slower the system gets.'\r
-    },\r
-\r
-    'system.idlejitter': {\r
-        colors: '#5555AA',\r
-        info: 'Idle jitter is calculated by netdata. A thread is spawned that requests to sleep for a few microseconds. When the system wakes it up, it measures how many microseconds have passed. The difference between the requested and the actual duration of the sleep, is the <b>idle jitter</b>. This number is useful in real-time environments, where CPU jitter can affect the quality of the service (like VoIP media gateways).'\r
-    },\r
-\r
-    'system.ipv4': {\r
-        info: 'Total IPv4 Traffic, read from <code>/proc/net/netstat</code>.'\r
-    },\r
-\r
-    'system.ipv6': {\r
-        info: 'Total IPv6 Traffic, read from <code>/proc/net/snmp6</code>.'\r
-    },\r
-\r
-    'system.ram': {\r
-        info: 'System memory, read from <code>/proc/meminfo</code>.'\r
-    },\r
-\r
-    'system.swap': {\r
-        info: 'System swap memory, read from <code>/proc/meminfo</code>.'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // MEMORY\r
-\r
-    'mem.ksm_savings': {\r
-        heads: [\r
-            netdataDashboard.gaugeChart('Saved', '12%', 'savings', '#0099CC')\r
-        ]\r
-    },\r
-\r
-    'mem.ksm_ratios': {\r
-        heads: [\r
-            function(id) {\r
-                return  '<div data-netdata="' + id + '"'\r
-                    + ' data-gauge-max-value="100"'\r
-                    + ' data-chart-library="gauge"'\r
-                    + ' data-title="Savings"'\r
-                    + ' data-units="percentage %"'\r
-                    + ' data-gauge-adjust="width"'\r
-                    + ' data-width="12%"'\r
-                    + ' data-before="0"'\r
-                    + ' data-after="-CHART_DURATION"'\r
-                    + ' data-points="CHART_DURATION"'\r
-                    + ' role="application"></div>';\r
-            }\r
-        ]\r
-    },\r
-\r
-    'mem.committed': {\r
-        colors: NETDATA.colors[3]\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // network interfaces\r
-\r
-    'net.drops': {\r
-        info: 'Packets that have been dropped at the network interface level. These are the same counters reported by <code>ifconfig</code> as <code>RX dropped</code> (inbound) and <code>TX dropped</code> (outbound). <b>inbound</b> packets can be dropped at the network interface level due to <a href="#system_softnet_stat">softnet backlog</a> overflow, bad / unintented VLAN tags, unknown or unregistered protocols, IPv6 frames when the server is not configured for IPv6. Check <a href="https://www.novell.com/support/kb/doc.php?id=7007165" target="_blank">this document</a> for more information.'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // IPv4\r
-\r
-    'ipv4.tcpmemorypressures': {\r
-        info: 'Number of times a socket was put in <b>memory pressure</b> due to a non fatal memory allocation failure (the kernel attempts to work around this situation by reducing the send buffers, etc).'\r
-    },\r
-\r
-    'ipv4.tcpconnaborts': {\r
-        info: 'TCP connection aborts. <b>baddata</b> (<code>TCPAbortOnData</code>) happens while the connection is on <code>FIN_WAIT1</code> and the kernel receives a packet with a sequence number beyond the last one for this connection - the kernel responds with <code>RST</code> (closes the connection). <b>userclosed</b> (<code>TCPAbortOnClose</code>) happens when the kernel receives data on an already closed connection and responds with <code>RST</code>. <b>nomemory</b> (<code>TCPAbortOnMemory</code> happens when there are too many orphaned sockets (not attached to an fd) and the kernel has to drop a connection - sometimes it will send an <code>RST</code>, sometimes it won\'t. <b>timeout</b> (<code>TCPAbortOnTimeout</code>) happens when a connection times out. <b>linger</b> (<code>TCPAbortOnLinger</code>) happens when the kernel killed a socket that was already closed by the application and lingered around for long enough. <b>failed</b> (<code>TCPAbortFailed</code>) happens when the kernel attempted to send an <code>RST</code> but failed because there was no memory available.'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // APPS\r
-\r
-    'apps.cpu': {\r
-        height: 2.0\r
-    },\r
-\r
-    'apps.mem': {\r
-        info: 'Real memory (RAM) used by applications. This does not include shared memory.'\r
-    },\r
-\r
-    'apps.vmem': {\r
-        info: 'Virtual memory allocated by applications. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'\r
-    },\r
-\r
-    'apps.preads': {\r
-        height: 2.0\r
-    },\r
-\r
-    'apps.pwrites': {\r
-        height: 2.0\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // USERS\r
-\r
-    'users.cpu': {\r
-        height: 2.0\r
-    },\r
-\r
-    'users.mem': {\r
-        info: 'Real memory (RAM) used per user. This does not include shared memory.'\r
-    },\r
-\r
-    'users.vmem': {\r
-        info: 'Virtual memory allocated per user. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'\r
-    },\r
-\r
-    'users.preads': {\r
-        height: 2.0\r
-    },\r
-\r
-    'users.pwrites': {\r
-        height: 2.0\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // GROUPS\r
-\r
-    'groups.cpu': {\r
-        height: 2.0\r
-    },\r
-\r
-    'groups.mem': {\r
-        info: 'Real memory (RAM) used per user group. This does not include shared memory.'\r
-    },\r
-\r
-    'groups.vmem': {\r
-        info: 'Virtual memory allocated per user group. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'\r
-    },\r
-\r
-    'groups.preads': {\r
-        height: 2.0\r
-    },\r
-\r
-    'groups.pwrites': {\r
-        height: 2.0\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // NETWORK QoS\r
-\r
-    'tc.qos': {\r
-        heads: [\r
-            function(id) {\r
-                if(id.match(/.*-ifb$/))\r
-                    return netdataDashboard.gaugeChart('Inbound', '12%', '', '#5555AA');\r
-                else\r
-                    return netdataDashboard.gaugeChart('Outbound', '12%', '', '#AA9900');\r
-            }\r
-        ]\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // NETWORK INTERFACES\r
-\r
-    'net.net': {\r
-        heads: [\r
-            netdataDashboard.gaugeChart('Received', '12%', 'received'),\r
-            netdataDashboard.gaugeChart('Sent', '12%', 'sent')\r
-        ]\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // NETFILTER\r
-\r
-    'netfilter.sockets': {\r
-        colors: '#88AA00',\r
-        heads: [\r
-            netdataDashboard.gaugeChart('Active Connections', '12%', '', '#88AA00')\r
-        ]\r
-    },\r
-\r
-    'netfilter.new': {\r
-        heads: [\r
-            netdataDashboard.gaugeChart('New Connections', '12%', 'new', '#5555AA')\r
-        ]\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // DISKS\r
-\r
-    'disk.util': {\r
-        colors: '#FF5588',\r
-        heads: [\r
-            netdataDashboard.gaugeChart('Utilization', '12%', '', '#FF5588')\r
-        ],\r
-        info: 'Disk Utilization measures the amount of time the disk was busy with something. This is not related to its performance. 100% means that the Linux kernel always had an outstanding operation on the disk. Keep in mind that depending on the underlying technology of the disk, 100% here may or may not be an indication of congestion.'\r
-    },\r
-\r
-    'disk.backlog': {\r
-        colors: '#0099CC',\r
-        info: 'Backlog is an indication of the duration of pending disk operations. On every I/O event the Linux kernel is multiplying the time spent doing I/O since the last update of this field with the number of pending operations. While not accurate, this metric can provide an indication of the expected completion time of the operations in progress.'\r
-    },\r
-\r
-    'disk.io': {\r
-        heads: [\r
-            netdataDashboard.gaugeChart('Read', '12%', 'reads'),\r
-            netdataDashboard.gaugeChart('Write', '12%', 'writes')\r
-        ],\r
-        info: 'Amount of data transferred to and from disk.'\r
-    },\r
-\r
-    'disk.ops': {\r
-        info: 'Completed disk I/O operations. Keep in mind the number of operations requested might be higher, since the Linux kernel is able to merge adjacent to each other (see merged operations chart).'\r
-    },\r
-\r
-    'disk.qops': {\r
-        info: 'I/O operations currently in progress. This metric is a snapshot - it is not an average over the last interval.'\r
-    },\r
-\r
-    'disk.iotime': {\r
-        height: 0.5,\r
-        info: 'The sum of the duration of all completed I/O operations. This number can exceed the interval if the disk is able to execute I/O operations in parallel.'\r
-    },\r
-    'disk.mops': {\r
-        height: 0.5,\r
-        info: 'The number of merged disk operations. The Linux kernel is able to merge adjacent I/O operations, for example two 4KB reads can become one 8KB read before given to disk.'\r
-    },\r
-    'disk.svctm': {\r
-        height: 0.5,\r
-        info: 'The average service time for completed I/O operations. This metric is calculated using the total busy time of the disk and the number of completed operations. If the disk is able to execute multiple parallel operations the reporting average service time will be misleading.'\r
-    },\r
-    'disk.avgsz': {\r
-        height: 0.5,\r
-        info: 'The average I/O operation size.'\r
-    },\r
-    'disk.await': {\r
-        height: 0.5,\r
-        info: 'The average time for I/O requests issued to the device to be served. This includes the time spent by the requests in queue and the time spent servicing them.'\r
-    },\r
-\r
-    'disk.space': {\r
-        info: 'Disk space utilization. reserved for root is automatically reserved by the system to prevent the root user from getting out of space.'\r
-    },\r
-    'disk.inodes': {\r
-        info: 'inodes (or index nodes) are filesystem objects (e.g. files and directories). On many types of file system implementations, the maximum number of inodes is fixed at filesystem creation, limiting the maximum number of files the filesystem can hold. It is possible for a device to run out of inodes. When this happens, new files cannot be created on the device, even though there may be free space available.'\r
-    },\r
-\r
-    'mysql.net': {\r
-        info: 'The amount of data sent to mysql clients (<strong>out</strong>) and received from mysql clients (<strong>in</strong>).'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // MYSQL\r
-\r
-    'mysql.queries': {\r
-        info: 'The number of statements executed by the server.<ul>' +\r
-        '<li><strong>queries</strong> counts the statements executed within stored SQL programs.</li>' +\r
-        '<li><strong>questions</strong> counts the statements sent to the mysql server by mysql clients.</li>' +\r
-        '<li><strong>slow queries</strong> counts the number of statements that took more than <a href="http://dev.mysql.com/doc/refman/5.7/en/server-system-variables.html#sysvar_long_query_time" target="_blank">long_query_time</a> seconds to be executed.' +\r
-        ' For more information about slow queries check the mysql <a href="http://dev.mysql.com/doc/refman/5.7/en/slow-query-log.html" target="_blank">slow query log</a>.</li>' +\r
-        '</ul>'\r
-    },\r
-\r
-    'mysql.handlers': {\r
-        info: 'Usage of the internal handlers of mysql. This chart provides very good insights of what the mysql server is actually doing.' +\r
-        ' (if the chart is not showing all these dimensions it is because they are zero - set <strong>Which dimensions to show?</strong> to <strong>All</strong> from the dashboard settings, to render even the zero values)<ul>' +\r
-        '<li><strong>commit</strong>, the number of internal <a href="http://dev.mysql.com/doc/refman/5.7/en/commit.html" target="_blank">COMMIT</a> statements.</li>' +\r
-        '<li><strong>delete</strong>, the number of times that rows have been deleted from tables.</li>' +\r
-        '<li><strong>prepare</strong>, a counter for the prepare phase of two-phase commit operations.</li>' +\r
-        '<li><strong>read first</strong>, the number of times the first entry in an index was read. A high value suggests that the server is doing a lot of full index scans; e.g. <strong>SELECT col1 FROM foo</strong>, with col1 indexed.</li>' +\r
-        '<li><strong>read key</strong>, the number of requests to read a row based on a key. If this value is high, it is a good indication that your tables are properly indexed for your queries.</li>' +\r
-        '<li><strong>read next</strong>, the number of requests to read the next row in key order. This value is incremented if you are querying an index column with a range constraint or if you are doing an index scan.</li>' +\r
-        '<li><strong>read prev</strong>, the number of requests to read the previous row in key order. This read method is mainly used to optimize <strong>ORDER BY ... DESC</strong>.</li>' +\r
-        '<li><strong>read rnd</strong>, the number of requests to read a row based on a fixed position. A high value indicates you are doing a lot of queries that require sorting of the result. You probably have a lot of queries that require MySQL to scan entire tables or you have joins that do not use keys properly.</li>' +\r
-        '<li><strong>read rnd next</strong>, the number of requests to read the next row in the data file. This value is high if you are doing a lot of table scans. Generally this suggests that your tables are not properly indexed or that your queries are not written to take advantage of the indexes you have.</li>' +\r
-        '<li><strong>rollback</strong>, the number of requests for a storage engine to perform a rollback operation.</li>' +\r
-        '<li><strong>savepoint</strong>, the number of requests for a storage engine to place a savepoint.</li>' +\r
-        '<li><strong>savepoint rollback</strong>, the number of requests for a storage engine to roll back to a savepoint.</li>' +\r
-        '<li><strong>update</strong>, the number of requests to update a row in a table.</li>' +\r
-        '<li><strong>write</strong>, the number of requests to insert a row in a table.</li>' +\r
-        '</ul>'\r
-    },\r
-\r
-    'mysql.table_locks': {\r
-        info: 'MySQL table locks counters: <ul>' +\r
-        '<li><strong>immediate</strong>, the number of times that a request for a table lock could be granted immediately.</li>' +\r
-        '<li><strong>waited</strong>, the number of times that a request for a table lock could not be granted immediately and a wait was needed. If this is high and you have performance problems, you should first optimize your queries, and then either split your table or tables or use replication.</li>' +\r
-        '</ul>'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // APACHE\r
-\r
-    'apache.connections': {\r
-        colors: NETDATA.colors[4],\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Connections', '12%', '', NETDATA.colors[4])\r
-        ]\r
-    },\r
-\r
-    'apache.requests': {\r
-        colors: NETDATA.colors[0],\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Requests', '12%', '', NETDATA.colors[0])\r
-        ]\r
-    },\r
-\r
-    'apache.net': {\r
-        colors: NETDATA.colors[3],\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Bandwidth', '12%', '', NETDATA.colors[3])\r
-        ]\r
-    },\r
-\r
-    'apache.workers': {\r
-        mainheads: [\r
-            function(id) {\r
-                return  '<div data-netdata="' + id + '"'\r
-                    + ' data-dimensions="busy"'\r
-                    + ' data-append-options="percentage"'\r
-                    + ' data-gauge-max-value="100"'\r
-                    + ' data-chart-library="gauge"'\r
-                    + ' data-title="Workers Utilization"'\r
-                    + ' data-units="percentage %"'\r
-                    + ' data-gauge-adjust="width"'\r
-                    + ' data-width="12%"'\r
-                    + ' data-before="0"'\r
-                    + ' data-after="-CHART_DURATION"'\r
-                    + ' data-points="CHART_DURATION"'\r
-                    + ' role="application"></div>';\r
-            }\r
-        ]\r
-    },\r
-\r
-    'apache.bytesperreq': {\r
-        colors: NETDATA.colors[3],\r
-        height: 0.5\r
-    },\r
-\r
-    'apache.reqpersec': {\r
-        colors: NETDATA.colors[4],\r
-        height: 0.5\r
-    },\r
-\r
-    'apache.bytespersec': {\r
-        colors: NETDATA.colors[6],\r
-        height: 0.5\r
-    },\r
-\r
-\r
-    // ------------------------------------------------------------------------\r
-    // NGINX\r
-\r
-    'nginx.connections': {\r
-        colors: NETDATA.colors[4],\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Connections', '12%', '', NETDATA.colors[4])\r
-        ]\r
-    },\r
-\r
-    'nginx.requests': {\r
-        colors: NETDATA.colors[0],\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Requests', '12%', '', NETDATA.colors[0])\r
-        ]\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // NETDATA\r
-\r
-    'netdata.response_time': {\r
-        info: 'The netdata API response time measures the time netdata needed to serve requests. This time includes everything, from the reception of the first byte of a request, to the dispatch of the last byte of its reply, therefore it includes all network latencies involved (i.e. a client over a slow network will influence these metrics).'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // RETROSHARE\r
-\r
-    'retroshare.bandwidth': {\r
-        info: 'RetroShare inbound and outbound traffic.',\r
-        mainheads: [\r
-            netdataDashboard.gaugeChart('Received', '12%', 'bandwidth_down_kb'),\r
-            netdataDashboard.gaugeChart('Sent', '12%', 'bandwidth_up_kb')\r
-        ]\r
-    },\r
-\r
-    'retroshare.peers': {\r
-        info: 'Number of (connected) RetroShare friends.',\r
-        mainheads: [\r
-            function(id) {\r
-                return  '<div data-netdata="' + id + '"'\r
-                    + ' data-dimensions="peers_connected"'\r
-                    + ' data-append-options="friends"'\r
-                    + ' data-chart-library="easypiechart"'\r
-                    + ' data-title="connected friends"'\r
-                    + ' data-units=""'\r
-                    + ' data-width="8%"'\r
-                    + ' data-before="0"'\r
-                    + ' data-after="-CHART_DURATION"'\r
-                    + ' data-points="CHART_DURATION"'\r
-                    + ' role="application"></div>';\r
-            }\r
-        ]\r
-    },\r
-\r
-    'retroshare.dht': {\r
-        info: 'Statistics about RetroShare\'s DHT. These values are estimated!'\r
-    },\r
-\r
-    // ------------------------------------------------------------------------\r
-    // fping\r
-\r
-    'fping.loss': {\r
-        colors: NETDATA.colors[1],\r
-        height: 0.5\r
-    },\r
-\r
-    'fping.packets': {\r
-        height: 0.5\r
-    }\r
-\r
-};\r
+
+var netdataDashboard = window.netdataDashboard || {};
+
+// menu
+// information about the main menus
+
+netdataDashboard.menu = {
+    'system': {
+        title: 'System Overview',
+        icon: '<i class="fa fa-bookmark" aria-hidden="true"></i>',
+        info: 'Overview of the key system metrics.'
+    },
+
+    'ap': {
+        title: 'Access Points',
+        icon: '<i class="fa fa-wifi" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'tc': {
+        title: 'Quality of Service',
+        icon: '<i class="fa fa-globe" aria-hidden="true"></i>',
+        info: 'Netdata collects and visualizes tc class utilization using its <a href="https://github.com/firehol/netdata/blob/master/plugins.d/tc-qos-helper.sh" target="_blank">tc-helper plugin</a>. If you also use <a href="http://firehol.org/#fireqos" target="_blank">FireQOS</a> for setting up QoS, netdata automatically collects interface and class names. If your QoS configuration includes overheads calculation, the values shown here will include these overheads (the total bandwidth for the same interface as reported in the Network Interfaces section, will be lower than the total bandwidth reported here). Also, data collection may have a slight time difference compared to the interface (QoS data collection is implemented with a BASH script, so a shift in data collection of a few milliseconds should be justified).'
+    },
+
+    'net': {
+        title: 'Network Interfaces',
+        icon: '<i class="fa fa-share-alt" aria-hidden="true"></i>',
+        info: 'Per network interface statistics collected from <code>/proc/net/dev</code>.'
+    },
+
+    'ipv4': {
+        title: 'IPv4 Networking',
+        icon: '<i class="fa fa-cloud" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'ipv6': {
+        title: 'IPv6 Networking',
+        icon: '<i class="fa fa-cloud" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'ipvs': {
+        title: 'IP Virtual Server',
+        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'netfilter': {
+        title: 'Firewall (netfilter)',
+        icon: '<i class="fa fa-shield" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'cpu': {
+        title: 'CPUs',
+        icon: '<i class="fa fa-bolt" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'mem': {
+        title: 'Memory',
+        icon: '<i class="fa fa-bolt" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'disk': {
+        title: 'Disks',
+        icon: '<i class="fa fa-folder" aria-hidden="true"></i>',
+        info: 'Charts with performance information for all the system disks. Special care has been given to present disk performance metrics in a way compatible with <code>iostat -x</code>. netdata by default prevents rendering performance charts for individual partitions and unmounted virtual disks. Disabled charts can still be enabled by altering the relative settings in the netdata configuration file.'
+    },
+
+    'sensors': {
+        title: 'Sensors',
+        icon: '<i class="fa fa-leaf" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'nfsd': {
+        title: 'NFS Server',
+        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'nfs': {
+        title: 'NFS Client',
+        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'apps': {
+        title: 'Applications',
+        icon: '<i class="fa fa-heartbeat" aria-hidden="true"></i>',
+        info: 'Per application statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics for applications of interest, defined in <code>/etc/netdata/apps_groups.conf</code> (the default is <a href="https://github.com/firehol/netdata/blob/master/conf.d/apps_groups.conf" target="_blank">here</a>). The plugin internally builds a process tree (much like <code>ps fax</code> does), and groups processes together (evaluating both child and parent processes) so that the result is always a chart with a predefined set of dimensions (of course, only application groups found running are reported). The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',
+        height: 1.5
+    },
+
+    'users': {
+        title: 'Users',
+        icon: '<i class="fa fa-user" aria-hidden="true"></i>',
+        info: 'Per user statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics per user. The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',
+        height: 1.5
+    },
+
+    'groups': {
+        title: 'User Groups',
+        icon: '<i class="fa fa-users" aria-hidden="true"></i>',
+        info: 'Per user group statistics are collected using netdata\'s <code>apps.plugin</code>. This plugin walks through the entire <code>/proc</code> filesystem and aggregates statistics per user group. The reported values are compatible with <code>top</code>, although the netdata plugin counts also the resources of exited children (unlike <code>top</code> which shows only the resources of the currently running processes). So for processes like shell scripts, the reported values include the resources used by the commands these scripts run within each timeframe.',
+        height: 1.5
+    },
+
+    'netdata': {
+        title: 'Netdata Monitoring',
+        icon: '<i class="fa fa-bar-chart" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'example': {
+        title: 'Example Charts',
+        info: undefined
+    },
+
+    'cgroup': {
+        title: '',
+        icon: '<i class="fa fa-th" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'cgqemu': {
+        title: '',
+        icon: '<i class="fa fa-th-large" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'fping': {
+        title: 'fping',
+        icon: '<i class="fa fa-exchange" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'memcached': {
+        title: 'memcached',
+        icon: '<i class="fa fa-database" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'mysql': {
+        title: 'MySQL',
+        icon: '<i class="fa fa-database" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'postgres': {
+        title: 'Postgres',
+        icon: '<i class="fa fa-database" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'redis': {
+        title: 'Redis',
+        icon: '<i class="fa fa-database" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'retroshare': {
+        title: 'RetroShare',
+        icon: '<i class="fa fa-share-alt" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'ipfs': {
+        title: 'IPFS',
+        icon: '<i class="fa fa-folder-open" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'phpfpm': {
+        title: 'PHP-FPM',
+        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',
+        info: undefined,
+    },
+
+    'postfix': {
+        title: 'postfix',
+        icon: '<i class="fa fa-envelope" aria-hidden="true"></i>',
+        info: undefined,
+    },
+
+    'nginx': {
+        title: 'nginx',
+        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',
+        info: undefined,
+    },
+
+    'apache': {
+        title: 'Apache',
+        icon: '<i class="fa fa-eye" aria-hidden="true"></i>',
+        info: undefined,
+    },
+
+    'named': {
+        title: 'named',
+        icon: '<i class="fa fa-tag" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'squid': {
+        title: 'squid',
+        icon: '<i class="fa fa-exchange" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'nut': {
+        title: 'UPS',
+        icon: '<i class="fa fa-battery-half" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'apcupsd': {
+        title: 'UPS',
+        icon: '<i class="fa fa-battery-half" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'smawebbox': {
+        title: 'Solar Power',
+        icon: '<i class="fa fa-sun-o" aria-hidden="true"></i>',
+        info: undefined
+    },
+
+    'snmp': {
+        title: 'SNMP',
+        icon: '<i class="fa fa-random" aria-hidden="true"></i>',
+        info: undefined
+    }
+};
+
+// submenu
+// information about the submenus
+netdataDashboard.submenu = {
+    'mem.ksm': {
+        title: 'Memory Deduper',
+        info: 'Kernel Same-page Merging (KSM) performance monitoring, read from several files in <code>/sys/kernel/mm/ksm/</code>. KSM is a memory-saving de-duplication feature in the Linux kernel (since version 2.6.32). The KSM daemon ksmd periodically scans those areas of user memory which have been registered with it, looking for pages of identical content which can be replaced by a single write-protected page (which is automatically copied if a process later wants to update its content). KSM was originally developed for use with KVM (where it was known as Kernel Shared Memory), to fit more virtual machines into physical memory, by sharing the data common between them.  But it can be useful to any application which generates many instances of the same data.'
+    },
+
+    'ipv4.ecn': {
+        info: '<a href="https://en.wikipedia.org/wiki/Explicit_Congestion_Notification" target="_blank">Explicit Congestion Notification (ECN)</a> is a TCP extension that allows end-to-end notification of network congestion without dropping packets. ECN is an optional feature that may be used between two ECN-enabled endpoints when the underlying network infrastructure also supports it.'
+    },
+
+    'netfilter.conntrack': {
+        title: 'Connection Tracker',
+        info: 'Netfilter Connection Tracker performance monitoring, read from <code>/proc/net/stat/nf_conntrack</code>. The connection tracker keeps track of all connections of the machine, inbound and outbound. It works by keeping a database with all open connections, tracking network and address translation and connection expectations.'
+    },
+
+    'netfilter.nfacct': {
+        title: 'Bandwidth Accounting',
+        info: 'The following information is read using the <code>nfacct.plugin</code>.'
+    },
+
+    'netfilter.synproxy': {
+        title: 'DDoS Protection',
+        info: 'DDoS Protection performance monitoring read from <code>/proc/net/stat/synproxy</code>. <a href="https://github.com/firehol/firehol/wiki/Working-with-SYNPROXY" target="_blank">SYNPROXY</a> is a TCP SYN packets proxy. It is used to protect any TCP server (like a web server) from SYN floods and similar DDoS attacks. It is a netfilter module, in the Linux kernel (since version 3.12). It is optimized to handle millions of packets per second utilizing all CPUs available without any concurrency locking between the connections. It can be used for any kind of TCP traffic (even encrypted), since it does not interfere with the content itself.'
+    },
+
+    'system.softnet_stat': {
+        title: 'softnet',
+        info: 'Statistics for CPUs SoftIRQs related to network receive work, read from <code>/proc/net/softnet_stat</code>. Break down per CPU core can be found at <a href="#cpu_softnet_stat">CPU / softnet statistics</a>. <b>processed</b> states the number of packets processed, <b>dropped</b> is the number packets dropped because the network device backlog was full (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_max_backlog</code>), <b>squeezed</b> is the number of packets dropped because the network device budget ran out (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_budget</code>). More information about identifying and troubleshooting network driver related issues can be found at <a href="https://access.redhat.com/sites/default/files/attachments/20150325_network_performance_tuning.pdf" target="_blank">Red Hat Enterprise Linux Network Performance Tuning Guide</a>.'
+    },
+
+    'cpu.softnet_stat': {
+        title: 'softnet',
+        info: 'Statistics for per CPUs core SoftIRQs related to network receive work, read from <code>/proc/net/softnet_stat</code>. Total for all CPU cores can be found at <a href="#system_softnet_stat">System / softnet statistics</a>. <b>processed</b> states the number of packets processed, <b>dropped</b> is the number packets dropped because the network device backlog was full (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_max_backlog</code>), <b>squeezed</b> is the number of packets dropped because the network device budget ran out (to fix them use <code>sysctl</code> to increase <code>net.core.netdev_budget</code>). More information about identifying and troubleshooting network driver related issues can be found at <a href="https://access.redhat.com/sites/default/files/attachments/20150325_network_performance_tuning.pdf" target="_blank">Red Hat Enterprise Linux Network Performance Tuning Guide</a>.'
+    }
+};
+
+// chart
+// information works on the context of a chart
+// Its purpose is to set:
+//
+// info: the text above the charts
+// heads: the representation of the chart at the top the subsection (second level menu)
+// mainheads: the representation of the chart at the top of the section (first level menu)
+// colors: the dimension colors of the chart (the default colors are appended)
+// height: the ratio of the chart height relative to the default
+//
+netdataDashboard.context = {
+    'system.cpu': {
+        info: 'Total CPU utilization (all cores). 100% here means there is no CPU idle time at all. You can get per core usage at the <a href="#cpu">CPUs</a> section and per application usage at the <a href="#apps">Applications Monitoring</a> section.<br/>Keep an eye on <b>iowait</b> ' + sparkline('system.cpu', 'iowait', '%') + '. If it is constantly high, your disks are a bottleneck and they slow your system down.<br/>Another important metric worth monitoring, is <b>softirq</b> ' + sparkline('system.cpu', 'softirq', '%') + '. A constantly high percentage of softirq may indicate network drivers issues.',
+        valueRange: "[0, 100]"
+    },
+
+    'system.load': {
+        info: 'Current system load, i.e. the number of processes using CPU or waiting for system resources (usually CPU and disk). The 3 metrics refer to 1, 5 and 15 minute averages. Linux calculates this once every 5 seconds. Netdata reads them from <code>/proc/loadavg</code>. For more information check <a href="https://en.wikipedia.org/wiki/Load_(computing)" target="_blank">this wikipedia article</a>',
+        height: 0.7
+    },
+
+    'system.io': {
+        info: 'Total Disk I/O, for all disks, read from <code>/proc/vmstat</code>. You can get detailed information about each disk at the <a href="#disk">Disks</a> section and per application Disk usage at the <a href="#apps">Applications Monitoring</a> section.'
+    },
+
+    'system.swapio': {
+        info: 'Total Swap I/O, read from <code>/proc/vmstat</code>. (netdata measures both <code>in</code> and <code>out</code>. If either of them is not shown in the chart, it is because it is zero - you can change the page settings to always render all the available dimensions on all charts).'
+    },
+
+    'system.pgfaults': {
+        info: 'Total page faults, read from <code>/proc/vmstat</code>. <b>Major page faults</b> indicates that the system is using its swap. You can find which applications use the swap at the <a href="#apps">Applications Monitoring</a> section.'
+    },
+
+    'system.entropy': {
+        colors: '#CC22AA',
+        info: '<a href="https://en.wikipedia.org/wiki/Entropy_(computing)" target="_blank">Entropy</a>, read from <code>/proc/sys/kernel/random/entropy_avail</code>, is like a pool of random numbers (<a href="https://en.wikipedia.org/wiki//dev/random" target="_blank">/dev/random</a>) that are mainly used in cryptography. It is advised that the pool remains always <a href="https://blog.cloudflare.com/ensuring-randomness-with-linuxs-random-number-generator/" target="_blank">above 200</a>. If the pool of entropy gets empty, you risk your security to be predictable and you should install a user-space random numbers generating daemon, like <a href="http://www.issihosts.com/haveged/" target="_blank">haveged</a> or <code>rng-tools</code> (i.e. <b>rngd</b>), to keep the pool in healthy levels.'
+    },
+
+    'system.forks': {
+        colors: '#5555DD',
+        info: 'The number of new processes created per second, read from <code>/proc/stat</code>.'
+    },
+
+    'system.intr': {
+        colors: '#DD5555',
+        info: 'Total number of CPU interrupts, read from <code>/proc/stat</code>. Check <code>system.interrupts</code> that gives more detail about each interrupt and also the <a href="#cpu">CPUs</a> section where interrupts are analyzed per CPU core.'
+    },
+
+    'system.interrupts': {
+        info: 'CPU interrupts in detail, read from <code>/proc/interrupts</code>. At the <a href="#cpu">CPUs</a> section, interrupts are analyzed per CPU core.'
+    },
+
+    'system.softirqs': {
+        info: 'CPU softirqs in detail, read from <code>/proc/softirqs</code>. At the <a href="#cpu">CPUs</a> section, softirqs are analyzed per CPU core.'
+    },
+
+    'system.processes': {
+        info: 'System processes, read from <code>/proc/stat</code>. <b>Running</b> are the processes in the CPU. <b>Blocked</b> are processes that are willing to enter the CPU, but they cannot, e.g. because they wait for disk activity.'
+    },
+
+    'system.active_processes': {
+        info: 'All system processes, read from <code>/proc/loadavg</code>.'
+    },
+
+    'system.ctxt': {
+        info: '<a href="https://en.wikipedia.org/wiki/Context_switch" target="_blank">Context Switches</a>, read from <code>/proc/stat</code>, is the switching of the CPU from one process, task or thread to another. If there are many processes or threads willing to execute and very few CPU cores available to handle them, the system is making more context switching to balance the CPU resources among them. The whole process is computationally intensive. The more the context switches, the slower the system gets.'
+    },
+
+    'system.idlejitter': {
+        colors: '#5555AA',
+        info: 'Idle jitter is calculated by netdata. A thread is spawned that requests to sleep for a few microseconds. When the system wakes it up, it measures how many microseconds have passed. The difference between the requested and the actual duration of the sleep, is the <b>idle jitter</b>. This number is useful in real-time environments, where CPU jitter can affect the quality of the service (like VoIP media gateways).'
+    },
+
+    'system.ipv4': {
+        info: 'Total IPv4 Traffic, read from <code>/proc/net/netstat</code>.'
+    },
+
+    'system.ipv6': {
+        info: 'Total IPv6 Traffic, read from <code>/proc/net/snmp6</code>.'
+    },
+
+    'system.ram': {
+        info: 'System memory, read from <code>/proc/meminfo</code>.'
+    },
+
+    'system.swap': {
+        info: 'System swap memory, read from <code>/proc/meminfo</code>.'
+    },
+
+    // ------------------------------------------------------------------------
+    // MEMORY
+
+    'mem.ksm_savings': {
+        heads: [
+            netdataDashboard.gaugeChart('Saved', '12%', 'savings', '#0099CC')
+        ]
+    },
+
+    'mem.ksm_ratios': {
+        heads: [
+            function(id) {
+                return  '<div data-netdata="' + id + '"'
+                    + ' data-gauge-max-value="100"'
+                    + ' data-chart-library="gauge"'
+                    + ' data-title="Savings"'
+                    + ' data-units="percentage %"'
+                    + ' data-gauge-adjust="width"'
+                    + ' data-width="12%"'
+                    + ' data-before="0"'
+                    + ' data-after="-CHART_DURATION"'
+                    + ' data-points="CHART_DURATION"'
+                    + ' role="application"></div>';
+            }
+        ]
+    },
+
+    'mem.committed': {
+        colors: NETDATA.colors[3]
+    },
+
+    // ------------------------------------------------------------------------
+    // network interfaces
+
+    'net.drops': {
+        info: 'Packets that have been dropped at the network interface level. These are the same counters reported by <code>ifconfig</code> as <code>RX dropped</code> (inbound) and <code>TX dropped</code> (outbound). <b>inbound</b> packets can be dropped at the network interface level due to <a href="#system_softnet_stat">softnet backlog</a> overflow, bad / unintented VLAN tags, unknown or unregistered protocols, IPv6 frames when the server is not configured for IPv6. Check <a href="https://www.novell.com/support/kb/doc.php?id=7007165" target="_blank">this document</a> for more information.'
+    },
+
+    // ------------------------------------------------------------------------
+    // IPv4
+
+    'ipv4.tcpmemorypressures': {
+        info: 'Number of times a socket was put in <b>memory pressure</b> due to a non fatal memory allocation failure (the kernel attempts to work around this situation by reducing the send buffers, etc).'
+    },
+
+    'ipv4.tcpconnaborts': {
+        info: 'TCP connection aborts. <b>baddata</b> (<code>TCPAbortOnData</code>) happens while the connection is on <code>FIN_WAIT1</code> and the kernel receives a packet with a sequence number beyond the last one for this connection - the kernel responds with <code>RST</code> (closes the connection). <b>userclosed</b> (<code>TCPAbortOnClose</code>) happens when the kernel receives data on an already closed connection and responds with <code>RST</code>. <b>nomemory</b> (<code>TCPAbortOnMemory</code> happens when there are too many orphaned sockets (not attached to an fd) and the kernel has to drop a connection - sometimes it will send an <code>RST</code>, sometimes it won\'t. <b>timeout</b> (<code>TCPAbortOnTimeout</code>) happens when a connection times out. <b>linger</b> (<code>TCPAbortOnLinger</code>) happens when the kernel killed a socket that was already closed by the application and lingered around for long enough. <b>failed</b> (<code>TCPAbortFailed</code>) happens when the kernel attempted to send an <code>RST</code> but failed because there was no memory available.'
+    },
+
+    // ------------------------------------------------------------------------
+    // APPS
+
+    'apps.cpu': {
+        height: 2.0
+    },
+
+    'apps.mem': {
+        info: 'Real memory (RAM) used by applications. This does not include shared memory.'
+    },
+
+    'apps.vmem': {
+        info: 'Virtual memory allocated by applications. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'
+    },
+
+    'apps.preads': {
+        height: 2.0
+    },
+
+    'apps.pwrites': {
+        height: 2.0
+    },
+
+    // ------------------------------------------------------------------------
+    // USERS
+
+    'users.cpu': {
+        height: 2.0
+    },
+
+    'users.mem': {
+        info: 'Real memory (RAM) used per user. This does not include shared memory.'
+    },
+
+    'users.vmem': {
+        info: 'Virtual memory allocated per user. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'
+    },
+
+    'users.preads': {
+        height: 2.0
+    },
+
+    'users.pwrites': {
+        height: 2.0
+    },
+
+    // ------------------------------------------------------------------------
+    // GROUPS
+
+    'groups.cpu': {
+        height: 2.0
+    },
+
+    'groups.mem': {
+        info: 'Real memory (RAM) used per user group. This does not include shared memory.'
+    },
+
+    'groups.vmem': {
+        info: 'Virtual memory allocated per user group. Please check <a href="https://github.com/firehol/netdata/wiki/netdata-virtual-memory-size" target="_blank">this article</a> for more information.'
+    },
+
+    'groups.preads': {
+        height: 2.0
+    },
+
+    'groups.pwrites': {
+        height: 2.0
+    },
+
+    // ------------------------------------------------------------------------
+    // NETWORK QoS
+
+    'tc.qos': {
+        heads: [
+            function(id) {
+                if(id.match(/.*-ifb$/))
+                    return netdataDashboard.gaugeChart('Inbound', '12%', '', '#5555AA');
+                else
+                    return netdataDashboard.gaugeChart('Outbound', '12%', '', '#AA9900');
+            }
+        ]
+    },
+
+    // ------------------------------------------------------------------------
+    // NETWORK INTERFACES
+
+    'net.net': {
+        heads: [
+            netdataDashboard.gaugeChart('Received', '12%', 'received'),
+            netdataDashboard.gaugeChart('Sent', '12%', 'sent')
+        ]
+    },
+
+    // ------------------------------------------------------------------------
+    // NETFILTER
+
+    'netfilter.sockets': {
+        colors: '#88AA00',
+        heads: [
+            netdataDashboard.gaugeChart('Active Connections', '12%', '', '#88AA00')
+        ]
+    },
+
+    'netfilter.new': {
+        heads: [
+            netdataDashboard.gaugeChart('New Connections', '12%', 'new', '#5555AA')
+        ]
+    },
+
+    // ------------------------------------------------------------------------
+    // DISKS
+
+    'disk.util': {
+        colors: '#FF5588',
+        heads: [
+            netdataDashboard.gaugeChart('Utilization', '12%', '', '#FF5588')
+        ],
+        info: 'Disk Utilization measures the amount of time the disk was busy with something. This is not related to its performance. 100% means that the Linux kernel always had an outstanding operation on the disk. Keep in mind that depending on the underlying technology of the disk, 100% here may or may not be an indication of congestion.'
+    },
+
+    'disk.backlog': {
+        colors: '#0099CC',
+        info: 'Backlog is an indication of the duration of pending disk operations. On every I/O event the Linux kernel is multiplying the time spent doing I/O since the last update of this field with the number of pending operations. While not accurate, this metric can provide an indication of the expected completion time of the operations in progress.'
+    },
+
+    'disk.io': {
+        heads: [
+            netdataDashboard.gaugeChart('Read', '12%', 'reads'),
+            netdataDashboard.gaugeChart('Write', '12%', 'writes')
+        ],
+        info: 'Amount of data transferred to and from disk.'
+    },
+
+    'disk.ops': {
+        info: 'Completed disk I/O operations. Keep in mind the number of operations requested might be higher, since the Linux kernel is able to merge adjacent to each other (see merged operations chart).'
+    },
+
+    'disk.qops': {
+        info: 'I/O operations currently in progress. This metric is a snapshot - it is not an average over the last interval.'
+    },
+
+    'disk.iotime': {
+        height: 0.5,
+        info: 'The sum of the duration of all completed I/O operations. This number can exceed the interval if the disk is able to execute I/O operations in parallel.'
+    },
+    'disk.mops': {
+        height: 0.5,
+        info: 'The number of merged disk operations. The Linux kernel is able to merge adjacent I/O operations, for example two 4KB reads can become one 8KB read before given to disk.'
+    },
+    'disk.svctm': {
+        height: 0.5,
+        info: 'The average service time for completed I/O operations. This metric is calculated using the total busy time of the disk and the number of completed operations. If the disk is able to execute multiple parallel operations the reporting average service time will be misleading.'
+    },
+    'disk.avgsz': {
+        height: 0.5,
+        info: 'The average I/O operation size.'
+    },
+    'disk.await': {
+        height: 0.5,
+        info: 'The average time for I/O requests issued to the device to be served. This includes the time spent by the requests in queue and the time spent servicing them.'
+    },
+
+    'disk.space': {
+        info: 'Disk space utilization. reserved for root is automatically reserved by the system to prevent the root user from getting out of space.'
+    },
+    'disk.inodes': {
+        info: 'inodes (or index nodes) are filesystem objects (e.g. files and directories). On many types of file system implementations, the maximum number of inodes is fixed at filesystem creation, limiting the maximum number of files the filesystem can hold. It is possible for a device to run out of inodes. When this happens, new files cannot be created on the device, even though there may be free space available.'
+    },
+
+    'mysql.net': {
+        info: 'The amount of data sent to mysql clients (<strong>out</strong>) and received from mysql clients (<strong>in</strong>).'
+    },
+
+    // ------------------------------------------------------------------------
+    // MYSQL
+
+    'mysql.queries': {
+        info: 'The number of statements executed by the server.<ul>' +
+        '<li><strong>queries</strong> counts the statements executed within stored SQL programs.</li>' +
+        '<li><strong>questions</strong> counts the statements sent to the mysql server by mysql clients.</li>' +
+        '<li><strong>slow queries</strong> counts the number of statements that took more than <a href="http://dev.mysql.com/doc/refman/5.7/en/server-system-variables.html#sysvar_long_query_time" target="_blank">long_query_time</a> seconds to be executed.' +
+        ' For more information about slow queries check the mysql <a href="http://dev.mysql.com/doc/refman/5.7/en/slow-query-log.html" target="_blank">slow query log</a>.</li>' +
+        '</ul>'
+    },
+
+    'mysql.handlers': {
+        info: 'Usage of the internal handlers of mysql. This chart provides very good insights of what the mysql server is actually doing.' +
+        ' (if the chart is not showing all these dimensions it is because they are zero - set <strong>Which dimensions to show?</strong> to <strong>All</strong> from the dashboard settings, to render even the zero values)<ul>' +
+        '<li><strong>commit</strong>, the number of internal <a href="http://dev.mysql.com/doc/refman/5.7/en/commit.html" target="_blank">COMMIT</a> statements.</li>' +
+        '<li><strong>delete</strong>, the number of times that rows have been deleted from tables.</li>' +
+        '<li><strong>prepare</strong>, a counter for the prepare phase of two-phase commit operations.</li>' +
+        '<li><strong>read first</strong>, the number of times the first entry in an index was read. A high value suggests that the server is doing a lot of full index scans; e.g. <strong>SELECT col1 FROM foo</strong>, with col1 indexed.</li>' +
+        '<li><strong>read key</strong>, the number of requests to read a row based on a key. If this value is high, it is a good indication that your tables are properly indexed for your queries.</li>' +
+        '<li><strong>read next</strong>, the number of requests to read the next row in key order. This value is incremented if you are querying an index column with a range constraint or if you are doing an index scan.</li>' +
+        '<li><strong>read prev</strong>, the number of requests to read the previous row in key order. This read method is mainly used to optimize <strong>ORDER BY ... DESC</strong>.</li>' +
+        '<li><strong>read rnd</strong>, the number of requests to read a row based on a fixed position. A high value indicates you are doing a lot of queries that require sorting of the result. You probably have a lot of queries that require MySQL to scan entire tables or you have joins that do not use keys properly.</li>' +
+        '<li><strong>read rnd next</strong>, the number of requests to read the next row in the data file. This value is high if you are doing a lot of table scans. Generally this suggests that your tables are not properly indexed or that your queries are not written to take advantage of the indexes you have.</li>' +
+        '<li><strong>rollback</strong>, the number of requests for a storage engine to perform a rollback operation.</li>' +
+        '<li><strong>savepoint</strong>, the number of requests for a storage engine to place a savepoint.</li>' +
+        '<li><strong>savepoint rollback</strong>, the number of requests for a storage engine to roll back to a savepoint.</li>' +
+        '<li><strong>update</strong>, the number of requests to update a row in a table.</li>' +
+        '<li><strong>write</strong>, the number of requests to insert a row in a table.</li>' +
+        '</ul>'
+    },
+
+    'mysql.table_locks': {
+        info: 'MySQL table locks counters: <ul>' +
+        '<li><strong>immediate</strong>, the number of times that a request for a table lock could be granted immediately.</li>' +
+        '<li><strong>waited</strong>, the number of times that a request for a table lock could not be granted immediately and a wait was needed. If this is high and you have performance problems, you should first optimize your queries, and then either split your table or tables or use replication.</li>' +
+        '</ul>'
+    },
+
+    // ------------------------------------------------------------------------
+    // APACHE
+
+    'apache.connections': {
+        colors: NETDATA.colors[4],
+        mainheads: [
+            netdataDashboard.gaugeChart('Connections', '12%', '', NETDATA.colors[4])
+        ]
+    },
+
+    'apache.requests': {
+        colors: NETDATA.colors[0],
+        mainheads: [
+            netdataDashboard.gaugeChart('Requests', '12%', '', NETDATA.colors[0])
+        ]
+    },
+
+    'apache.net': {
+        colors: NETDATA.colors[3],
+        mainheads: [
+            netdataDashboard.gaugeChart('Bandwidth', '12%', '', NETDATA.colors[3])
+        ]
+    },
+
+    'apache.workers': {
+        mainheads: [
+            function(id) {
+                return  '<div data-netdata="' + id + '"'
+                    + ' data-dimensions="busy"'
+                    + ' data-append-options="percentage"'
+                    + ' data-gauge-max-value="100"'
+                    + ' data-chart-library="gauge"'
+                    + ' data-title="Workers Utilization"'
+                    + ' data-units="percentage %"'
+                    + ' data-gauge-adjust="width"'
+                    + ' data-width="12%"'
+                    + ' data-before="0"'
+                    + ' data-after="-CHART_DURATION"'
+                    + ' data-points="CHART_DURATION"'
+                    + ' role="application"></div>';
+            }
+        ]
+    },
+
+    'apache.bytesperreq': {
+        colors: NETDATA.colors[3],
+        height: 0.5
+    },
+
+    'apache.reqpersec': {
+        colors: NETDATA.colors[4],
+        height: 0.5
+    },
+
+    'apache.bytespersec': {
+        colors: NETDATA.colors[6],
+        height: 0.5
+    },
+
+
+    // ------------------------------------------------------------------------
+    // NGINX
+
+    'nginx.connections': {
+        colors: NETDATA.colors[4],
+        mainheads: [
+            netdataDashboard.gaugeChart('Connections', '12%', '', NETDATA.colors[4])
+        ]
+    },
+
+    'nginx.requests': {
+        colors: NETDATA.colors[0],
+        mainheads: [
+            netdataDashboard.gaugeChart('Requests', '12%', '', NETDATA.colors[0])
+        ]
+    },
+
+    // ------------------------------------------------------------------------
+    // NETDATA
+
+    'netdata.response_time': {
+        info: 'The netdata API response time measures the time netdata needed to serve requests. This time includes everything, from the reception of the first byte of a request, to the dispatch of the last byte of its reply, therefore it includes all network latencies involved (i.e. a client over a slow network will influence these metrics).'
+    },
+
+    // ------------------------------------------------------------------------
+    // RETROSHARE
+
+    'retroshare.bandwidth': {
+        info: 'RetroShare inbound and outbound traffic.',
+        mainheads: [
+            netdataDashboard.gaugeChart('Received', '12%', 'bandwidth_down_kb'),
+            netdataDashboard.gaugeChart('Sent', '12%', 'bandwidth_up_kb')
+        ]
+    },
+
+    'retroshare.peers': {
+        info: 'Number of (connected) RetroShare friends.',
+        mainheads: [
+            function(id) {
+                return  '<div data-netdata="' + id + '"'
+                    + ' data-dimensions="peers_connected"'
+                    + ' data-append-options="friends"'
+                    + ' data-chart-library="easypiechart"'
+                    + ' data-title="connected friends"'
+                    + ' data-units=""'
+                    + ' data-width="8%"'
+                    + ' data-before="0"'
+                    + ' data-after="-CHART_DURATION"'
+                    + ' data-points="CHART_DURATION"'
+                    + ' role="application"></div>';
+            }
+        ]
+    },
+
+    'retroshare.dht': {
+        info: 'Statistics about RetroShare\'s DHT. These values are estimated!'
+    },
+
+    // ------------------------------------------------------------------------
+    // fping
+
+    'fping.loss': {
+        colors: NETDATA.colors[1],
+        height: 0.5
+    },
+
+    'fping.packets': {
+        height: 0.5
+    }
+
+};

diff --git a/web/demo.html b/web/demo.html
index 7beadc9041c2d472e51271f5f4ab8cac85715719..edef600cd0133fb1a283897ddbde7327e102b418 100644 (file)
--- a/web/demo.html
+++ b/web/demo.html
@@ -20,7 +20,7 @@
     <meta property="og:title" content="netdata - real-time performance monitoring, done right!"/>
     <meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
 </head>
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>
 <body>
 
 <div style="width: 100%; text-align: center;">

diff --git a/web/demo2.html b/web/demo2.html
index 53ae3383c6faa956505ed1e550df3997d0f1966e..546544a7c766343a1e2b1d4bb876b4c852080403 100644 (file)
--- a/web/demo2.html
+++ b/web/demo2.html
@@ -21,7 +21,7 @@
     <meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
 </head>
 <script>var netdataTheme = 'slate';</script>
-<script type="text/javascript" src="http://my-netdata.io/dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="http://my-netdata.io/dashboard.js?v20161030-30"></script>
 <body>
 
 <div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">

diff --git a/web/demosites.html b/web/demosites.html
index 04e84e2b87fb866f5194019f0daa7693d15b377b..149b4329d84a53508ec79b2af06480d34b5ff6d8 100644 (file)
--- a/web/demosites.html
+++ b/web/demosites.html
@@ -52,7 +52,7 @@
         and that you have chown it to be owned by netdata:netdata
     -->
     <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
-    <script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+    <script type="text/javascript" src="dashboard.js?v20161030-30"></script>
 
     <script>
     // --- OPTIONS FOR THE CHARTS --
@@ -87,7 +87,7 @@
         display: inline-block;
         min-height: 50px;
         width: 100%;
-        height: 8vmax;
+        height: 7vmax;
         text-align: left;
     }
 
@@ -118,7 +118,7 @@
         position: relative;
         display: inline-block;
         width: 100%;
-        height: 14vmax;
+        height: 12vmax;
         min-height: 150px;
         text-align: left;
     }
@@ -199,6 +199,7 @@
                             data-title="EU - London"
                             data-chart-library="gauge"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="100%"
                             data-after="-300"
                             data-points="300"
@@ -220,6 +221,7 @@
                             data-title="US - Atlanta"
                             data-chart-library="gauge"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="100%"
                             data-after="-300"
                             data-points="300"
@@ -241,6 +243,7 @@
                             data-title="US - California"
                             data-chart-library="gauge"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="100%"
                             data-after="-300"
                             data-points="300"
@@ -262,6 +265,7 @@
                             data-title="Canada"
                             data-chart-library="gauge"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="100%"
                             data-after="-300"
                             data-points="300"
@@ -284,6 +288,7 @@
                             data-title="EU - Germany"
                             data-chart-library="easypiechart"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="75%"
                             data-after="-300"
                             data-points="300"
@@ -305,6 +310,7 @@
                             data-title="US - New York"
                             data-chart-library="easypiechart"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="75%"
                             data-after="-300"
                             data-points="300"
@@ -326,6 +332,7 @@
                             data-title="Singapore"
                             data-chart-library="easypiechart"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="75%"
                             data-after="-300"
                             data-points="300"
@@ -347,6 +354,7 @@
                             data-title="India"
                             data-chart-library="easypiechart"
                             data-decimal-digits="0"
+                            data-common-max="top-gauges"
                             data-width="75%"
                             data-after="-300"
                             data-points="300"
@@ -409,6 +417,7 @@
                         data-dimensions="requests"
                         data-host="//london.my-netdata.io"
                         data-decimal-digits="0"
+                        data-common-max="web-requests"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -430,6 +439,7 @@
                         data-dimensions="requests"
                         data-host="//atlanta.my-netdata.io"
                         data-decimal-digits="0"
+                        data-common-max="web-requests"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -451,6 +461,7 @@
                         data-dimensions="requests"
                         data-host="//sanfrancisco.netdata.rocks"
                         data-decimal-digits="0"
+                        data-common-max="web-requests"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -472,6 +483,7 @@
                         data-dimensions="requests"
                         data-host="//toronto.netdata.rocks"
                         data-decimal-digits="0"
+                        data-common-max="web-requests"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -495,6 +507,7 @@
                         data-dimensions="active"
                         data-host="//london.my-netdata.io"
                         data-decimal-digits="0"
+                        data-common-max="web-connections"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -516,6 +529,7 @@
                         data-dimensions="active"
                         data-host="//atlanta.my-netdata.io"
                         data-decimal-digits="0"
+                        data-common-max="web-connections"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -537,6 +551,7 @@
                         data-dimensions="active"
                         data-host="//sanfrancisco.netdata.rocks"
                         data-decimal-digits="0"
+                        data-common-max="web-connections"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -558,6 +573,7 @@
                         data-dimensions="active"
                         data-host="//toronto.netdata.rocks"
                         data-decimal-digits="0"
+                        data-common-max="web-connections"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -595,6 +611,7 @@
             <div class="myfullchart">
                 <div data-netdata="tc.world_out"
                     data-host="//london.my-netdata.io"
+                    data-common-max="tc-world-out"
                     data-chart-library="dygraph"
                     data-title="EU - London, traffic we send per service"
                     data-width="100%"
@@ -607,6 +624,7 @@
                 <div data-netdata="tc.world_out"
                     data-host="//atlanta.my-netdata.io"
                     data-chart-library="dygraph"
+                    data-common-max="tc-world-out"
                     data-title="US - Atlanta, traffic we send per service"
                     data-width="100%"
                     data-height="100%"
@@ -619,6 +637,7 @@
                 <div data-netdata="tc.world_out"
                     data-host="//sanfrancisco.netdata.rocks"
                     data-chart-library="dygraph"
+                    data-common-max="tc-world-out"
                     data-title="US - California, traffic we send per service"
                     data-width="100%"
                     data-height="100%"
@@ -630,6 +649,7 @@
                 <div data-netdata="tc.world_out"
                     data-host="//toronto.netdata.rocks"
                     data-chart-library="dygraph"
+                    data-common-max="tc-world-out"
                     data-title="Canada, traffic we send per service"
                     data-width="100%"
                     data-height="100%"
@@ -642,6 +662,7 @@
             <div class="myfullchart">
                 <div data-netdata="tc.world_in"
                     data-host="//london.my-netdata.io"
+                    data-common-max="tc-world-in"
                     data-chart-library="dygraph"
                     data-title="EU - London, traffic we receive per service"
                     data-width="100%"
@@ -654,6 +675,7 @@
             <div class="myfullchart">
                 <div data-netdata="tc.world_in"
                     data-host="//atlanta.my-netdata.io"
+                    data-common-max="tc-world-in"
                     data-chart-library="dygraph"
                     data-title="US - Atlanta, traffic we receive per service"
                     data-width="100%"
@@ -666,6 +688,7 @@
             <div class="myfullchart">
                 <div data-netdata="tc.world_in"
                     data-host="//sanfrancisco.netdata.rocks"
+                    data-common-max="tc-world-in"
                     data-chart-library="dygraph"
                     data-title="US - California, traffic we receive per service"
                     data-width="100%"
@@ -677,6 +700,7 @@
             <div class="myfullchart">
                 <div data-netdata="tc.world_in"
                     data-host="//toronto.netdata.rocks"
+                    data-common-max="tc-world-in"
                     data-chart-library="dygraph"
                     data-title="Canada, traffic we receive per service"
                     data-width="100%"
@@ -709,6 +733,7 @@
                     data-dimensions="received"
                     data-host="//london.my-netdata.io"
                     data-decimal-digits="0"
+                    data-common-max="synproxy-in"
                     data-chart-library="dygraph"
                     data-dygraph-theme="sparkline"
                     data-dygraph-type="area"
@@ -730,6 +755,7 @@
                     data-dimensions="received"
                     data-host="//atlanta.my-netdata.io"
                     data-decimal-digits="0"
+                    data-common-max="synproxy-in"
                     data-chart-library="dygraph"
                     data-dygraph-theme="sparkline"
                     data-dygraph-type="area"
@@ -751,6 +777,7 @@
                     data-dimensions="received"
                     data-host="//sanfrancisco.netdata.rocks"
                     data-decimal-digits="0"
+                    data-common-max="synproxy-in"
                     data-chart-library="dygraph"
                     data-dygraph-theme="sparkline"
                     data-dygraph-type="area"
@@ -772,6 +799,7 @@
                     data-dimensions="received"
                     data-host="//toronto.netdata.rocks"
                     data-decimal-digits="0"
+                    data-common-max="synproxy-in"
                     data-chart-library="dygraph"
                     data-dygraph-theme="sparkline"
                     data-dygraph-type="area"
@@ -873,6 +901,8 @@
                 </div>
                 <div data-netdata="apps.cpu"
                         data-dimensions="netdata"
+                        data-common-max="users-cpu"
+                        data-decimal-digits="1"
                         data-host="//london.my-netdata.io"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
@@ -893,6 +923,8 @@
                 </div>
                 <div data-netdata="apps.cpu"
                         data-dimensions="netdata"
+                        data-common-max="users-cpu"
+                        data-decimal-digits="1"
                         data-host="//atlanta.my-netdata.io"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
@@ -913,6 +945,8 @@
                 </div>
                 <div data-netdata="apps.cpu"
                         data-dimensions="netdata"
+                        data-common-max="users-cpu"
+                        data-decimal-digits="1"
                         data-host="//sanfrancisco.netdata.rocks"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
@@ -933,6 +967,8 @@
                 </div>
                 <div data-netdata="apps.cpu"
                         data-dimensions="netdata"
+                        data-common-max="users-cpu"
+                        data-decimal-digits="1"
                         data-host="//toronto.netdata.rocks"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
@@ -961,6 +997,8 @@
                 </div>
                 <div data-netdata="netdata.response_time"
                         data-host="//london.my-netdata.io"
+                        data-common-max="netdata-response-time"
+                        data-decimal-digits="1"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -980,6 +1018,8 @@
                 </div>
                 <div data-netdata="netdata.response_time"
                         data-host="//atlanta.my-netdata.io"
+                        data-common-max="netdata-response-time"
+                        data-decimal-digits="1"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -999,6 +1039,8 @@
                 </div>
                 <div data-netdata="netdata.response_time"
                         data-host="//sanfrancisco.netdata.rocks"
+                        data-common-max="netdata-response-time"
+                        data-decimal-digits="1"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"
@@ -1018,6 +1060,8 @@
                 </div>
                 <div data-netdata="netdata.response_time"
                         data-host="//toronto.netdata.rocks"
+                        data-decimal-digits="1"
+                        data-common-max="netdata-response-time"
                         data-chart-library="dygraph"
                         data-dygraph-theme="sparkline"
                         data-dygraph-type="area"

diff --git a/web/goto-host-from-alarm.html b/web/goto-host-from-alarm.html
index 9eb78b9625f8df95aef5c61b6bc1ffa2c59566f8..a505a1ba6892febe5312760491d2978844b6e5dc 100644 (file)
--- a/web/goto-host-from-alarm.html
+++ b/web/goto-host-from-alarm.html
@@ -18,7 +18,7 @@
     var netdataTheme = 'slate';
     var netdataShowHelp = true;
 </script>
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>
 
 <script>
 var urlOptions = {

diff --git a/web/index.html b/web/index.html
index 226f873fc741d2208754103f68dc3431885831fc..8ce2240553480aea6e9b6e8d1ffcfed3eee44b26 100644 (file)
--- a/web/index.html
+++ b/web/index.html
@@ -1018,6 +1018,13 @@
                 return '';
         },
 
+        contextValueRange: function(id) {
+            if(typeof netdataDashboard.context[id] !== 'undefined' && typeof netdataDashboard.context[id].valueRange !== 'undefined')
+                return netdataDashboard.context[id].valueRange;
+            else
+                return '[null, null]';
+        },
+
         contextHeight: function(id, def) {
             if(typeof netdataDashboard.context[id] !== 'undefined' && typeof netdataDashboard.context[id].height !== 'undefined')
                 return def * netdataDashboard.context[id].height;
@@ -1298,6 +1305,7 @@
                     chtml += netdataDashboard.contextInfo(chart.context) + '<div id="chart_' + NETDATA.name2id(chart.id) + '" data-netdata="' + chart.id + '"'
                         + ' data-width="' + pcent_width.toString() + '%"'
                         + ' data-height="' + netdataDashboard.contextHeight(chart.context, options.chartsHeight).toString() + 'px"'
+                        + ' data-dygraph-valuerange="' + netdataDashboard.contextValueRange(chart.context) + '"'
                         + ' data-before="0"'
                         + ' data-after="-' + duration.toString() + '"'
                         + ' data-id="' + NETDATA.name2id(options.hostname + '/' + chart.id) + '"'
@@ -2548,7 +2556,7 @@
         });
 
         NETDATA.requiredJs.push({
-            url: NETDATA.serverDefault + 'dashboard_info.js?v20161030-2',
+            url: NETDATA.serverDefault + 'dashboard_info.js?v20161030-4',
             async: false,
             isAlreadyLoaded: function() { return false; }
         });
@@ -3168,4 +3176,4 @@
     </div>
 </body>
 </html>
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>

diff --git a/web/registry.html b/web/registry.html
index f6696d9ebe947acb75a7301bb3e7896c1bb26ed7..289bce796e46d7a1db3225e267fc7b0e8c87ab3c 100644 (file)
--- a/web/registry.html
+++ b/web/registry.html
@@ -169,7 +169,7 @@ var netdataRegistryCallback = function(machines_array) {
     and that you have chown it to be owned by netdata:netdata
 -->
 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>
 
 <script>
 // Set options for TV operation

diff --git a/web/tv.html b/web/tv.html
index fd6c7dff37eed77bb370944005a5f10ebb2fcbb5..4d94a208e3ad1d668a37ea12fc66c733ebe07fd7 100644 (file)
--- a/web/tv.html
+++ b/web/tv.html
@@ -50,7 +50,7 @@ var netdataTheme = 'slate'; // this is dark
     and that you have chown it to be owned by netdata:netdata
 -->
 <!-- <script type="text/javascript" src="http://my.server:19999/dashboard.js"></script> -->
-<script type="text/javascript" src="dashboard.js?v20161030-10"></script>
+<script type="text/javascript" src="dashboard.js?v20161030-30"></script>
 
 <script>
 // Set options for TV operation
@@ -99,6 +99,7 @@ setTimeout(function(){
                     data-width="49%"
                     data-height="100%"
                     data-after="-300"
+                    data-dygraph-valuerange="[0, 100]"
                     ></div>
             <div data-netdata="system.cpu"
                     data-title="CPU usage of your netdata server"
@@ -106,6 +107,7 @@ setTimeout(function(){
                     data-width="49%"
                     data-height="100%"
                     data-after="-300"
+                    data-dygraph-valuerange="[0, 100]"
                     ></div>
         </div>
     </div>
@@ -118,6 +120,8 @@ setTimeout(function(){
         <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
             <div data-netdata="system.io"
                     data-host="http://registry.my-netdata.io"
+                    data-common-max="io"
+                    data-common-min="io"
                     data-title="I/O on registry.my-netdata.io"
                     data-chart-library="dygraph"
                     data-width="49%"
@@ -126,6 +130,8 @@ setTimeout(function(){
                     ></div>
             <div data-netdata="system.io"
                     data-title="I/O on your netdata server"
+                    data-common-max="io"
+                    data-common-min="io"
                     data-chart-library="dygraph"
                     data-width="49%"
                     data-height="100%"
@@ -142,6 +148,8 @@ setTimeout(function(){
         <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
             <div data-netdata="system.ipv4"
                     data-host="http://registry.my-netdata.io"
+                    data-common-max="traffic"
+                    data-common-min="traffic"
                     data-title="IPv4 traffic on registry.my-netdata.io"
                     data-chart-library="dygraph"
                     data-width="49%"
@@ -150,6 +158,8 @@ setTimeout(function(){
                     ></div>
             <div data-netdata="system.ipv4"
                     data-title="IPv4 traffic on your netdata server"
+                    data-common-max="traffic"
+                    data-common-min="traffic"
                     data-chart-library="dygraph"
                     data-width="49%"
                     data-height="100%"
@@ -168,6 +178,8 @@ setTimeout(function(){
                 <br/>
                 <div data-netdata="netdata.requests"
                         data-host="http://registry.my-netdata.io"
+                        data-common-max="netdata-requests"
+                        data-decimal-digits="0"
                         data-title="Chart Refreshes/s"
                         data-chart-library="gauge"
                         data-width="20%"
@@ -177,6 +189,8 @@ setTimeout(function(){
                         ></div>
                 <div data-netdata="netdata.clients"
                         data-host="http://registry.my-netdata.io"
+                        data-common-max="netdata-clients"
+                        data-decimal-digits="0"
                         data-title="Sockets"
                         data-chart-library="gauge"
                         data-width="20%"
@@ -187,6 +201,8 @@ setTimeout(function(){
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="in"
+                        data-common-max="netdata-net-in"
+                        data-decimal-digits="0"
                         data-host="http://registry.my-netdata.io"
                         data-title="Requests Traffic"
                         data-chart-library="easypiechart"
@@ -197,6 +213,8 @@ setTimeout(function(){
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="out"
+                        data-common-max="netdata-net-out"
+                        data-decimal-digits="0"
                         data-host="http://registry.my-netdata.io"
                         data-title="Chart Data Traffic"
                         data-chart-library="easypiechart"
@@ -211,6 +229,8 @@ setTimeout(function(){
                 <br/>
                 <div data-netdata="netdata.requests"
                         data-title="Chart Refreshes/s"
+                        data-common-max="netdata-requests"
+                        data-decimal-digits="0"
                         data-chart-library="gauge"
                         data-width="20%"
                         data-height="100%"
@@ -218,6 +238,8 @@ setTimeout(function(){
                         data-points="300"
                         ></div>
                 <div data-netdata="netdata.clients"
+                        data-common-max="netdata-clients"
+                        data-decimal-digits="0"
                         data-title="Sockets"
                         data-chart-library="gauge"
                         data-width="20%"
@@ -228,6 +250,8 @@ setTimeout(function(){
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="in"
+                        data-common-max="netdata-net-in"
+                        data-decimal-digits="0"
                         data-title="Requests Traffic"
                         data-chart-library="easypiechart"
                         data-width="15%"
@@ -237,6 +261,8 @@ setTimeout(function(){
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="out"
+                        data-common-max="netdata-net-out"
+                        data-decimal-digits="0"
                         data-title="Chart Data Traffic"
                         data-chart-library="easypiechart"
                         data-width="15%"