]> arthur.barton.de Git - netdata.git/blobdiff - web/tv.html
Merge pull request #2021 from ktsaou/master
[netdata.git] / web / tv.html
index 224ed29a66eafc725e1d3b1249be592f82daf9ea..04cc01ccb9519f6cd37258ce19befa94278f9f2c 100644 (file)
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
     <meta property="og:locale" content="en_US" />
-    <meta property="og:image" content="https://my-netdata.io/images/seo-performance-512.png"/>
+    <meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
     <meta property="og:url" content="http://my-netdata.io/"/>
     <meta property="og:type" content="website"/>
     <meta property="og:site_name" content="netdata"/>
     <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." />
     
-    <script>
-    // this section has to appear before loading dashboard.js
+</head>
+<script>
+// this section has to appear before loading dashboard.js
 
-    // Select a theme.
-    // uncomment on of the two themes:
+// Select a theme.
+// uncomment on of the two themes:
 
-    // var netdataTheme = 'default'; // this is white
-    var netdataTheme = 'slate'; // this is dark
+// var netdataTheme = 'default'; // this is white
+var netdataTheme = 'slate'; // this is dark
 
 
-    // Set the default netdata server.
-    // on charts without a 'data-host', this one will be used.
-    // the default is the server that dashboard.js is downloaded from.
+// Set the default netdata server.
+// on charts without a 'data-host', this one will be used.
+// the default is the server that dashboard.js is downloaded from.
 
-    // var netdataServer = 'http://my.server:19999/';
-    </script>
+// var netdataServer = 'http://my.server:19999/';
+</script>
 
-    <!--
-        Load dashboard.js
+<!--
+    Load dashboard.js
 
-        to host this HTML file on your web server,
-        you have to load dashboard.js from the netdata server.
+    to host this HTML file on your web server,
+    you have to load dashboard.js from the netdata server.
 
-        So, pick one the two below
-        If you pick the first, set the server name/IP.
+    So, pick one the two below
+    If you pick the first, set the server name/IP.
 
-        The second assumes you host this file on /usr/share/netdata/web
-        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?v46"></script>
+    The second assumes you host this file on /usr/share/netdata/web
+    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?v20170105-7"></script>
 
-    <script>
-    // Set options for TV operation
-    // This has to be done, after dashboard.js is loaded
+<script>
+// Set options for TV operation
+// This has to be done, after dashboard.js is loaded
 
-    // destroy charts not shown (lowers memory on the browser)
-    NETDATA.options.current.destroy_on_hide = true;
-    
-    // set this to false, to always show all dimensions
-    NETDATA.options.current.eliminate_zero_dimensions = true;
-    
-    // lower the pressure on this browser
-    NETDATA.options.current.concurrent_refreshes = false;
+// destroy charts not shown (lowers memory on the browser)
+NETDATA.options.current.destroy_on_hide = true;
 
-    // if the tv browser is too slow (a pi?)
-    // set this to false
-    NETDATA.options.current.parallel_refresher = true;
+// set this to false, to always show all dimensions
+NETDATA.options.current.eliminate_zero_dimensions = true;
 
-    // always update the charts, even if focus is lost
-    // NETDATA.options.current.stop_updates_when_focus_is_lost = false;
+// lower the pressure on this browser
+NETDATA.options.current.concurrent_refreshes = false;
 
-    // Since you may render charts from many servers and any of them may
-    // become offline for some time, the charts will break.
-    // This will reload the page every RELOAD_EVERY minutes
+// if the tv browser is too slow (a pi?)
+// set this to false
+NETDATA.options.current.parallel_refresher = true;
 
-    var RELOAD_EVERY = 5;
-    setTimeout(function(){
-        location.reload();
-    }, RELOAD_EVERY * 60 * 1000);
+// always update the charts, even if focus is lost
+// NETDATA.options.current.stop_updates_when_focus_is_lost = false;
 
-    </script>
+// Since you may render charts from many servers and any of them may
+// become offline for some time, the charts will break.
+// This will reload the page every RELOAD_EVERY minutes
 
-</head>
+var RELOAD_EVERY = 5;
+setTimeout(function(){
+    location.reload();
+}, RELOAD_EVERY * 60 * 1000);
+
+</script>
 <body>
 
 <div style="width: 100%; text-align: center; display: inline-block;">
         <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
             <br/>
             <div data-netdata="system.cpu"
-                    data-host="http://netdata.firehol.org"
-                    data-title="CPU usage of netdata.firehol.org"
+                    data-host="http://registry.my-netdata.io"
+                    data-title="CPU usage of registry.my-netdata.io"
                     data-chart-library="dygraph"
                     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"
                     data-width="49%"
                     data-height="100%"
                     data-after="-300"
+                    data-dygraph-valuerange="[0, 100]"
                     ></div>
         </div>
     </div>
         </div>
         <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
             <div data-netdata="system.io"
-                    data-host="http://netdata.firehol.org"
-                    data-title="I/O on netdata.firehol.org"
+                    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%"
                     data-height="100%"
                     ></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%"
         </div>
         <div style="width: 100%; height: calc(100% - 15px); text-align: center; display: inline-block;">
             <div data-netdata="system.ipv4"
-                    data-host="http://netdata.firehol.org"
-                    data-title="IPv4 traffic on netdata.firehol.org"
+                    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%"
                     data-height="100%"
                     ></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%"
         </div>
         <div style="width: 100%; max-height: calc(100% - 15px); text-align: center; display: inline-block;">
             <div style="width: 49%; height:100%; align: center; display: inline-block;">
-                netdata.firehol.org
+                registry.my-netdata.io
                 <br/>
                 <div data-netdata="netdata.requests"
-                        data-host="http://netdata.firehol.org"
+                        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%"
                         data-points="300"
                         ></div>
                 <div data-netdata="netdata.clients"
-                        data-host="http://netdata.firehol.org"
+                        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%"
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="in"
-                        data-host="http://netdata.firehol.org"
+                        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"
                         data-width="15%"
                         ></div>
                 <div data-netdata="netdata.net"
                         data-dimensions="out"
-                        data-host="http://netdata.firehol.org"
+                        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"
                         data-width="15%"
                 <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%"
                         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%"
                         ></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%"
                         ></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%"