applications/luci-livestats/luasrc/view/livestats/loadavg.htm

   1 <%+header%>
   2
   3 <!--[if IE]><script type="text/javascript" src="<%=resource%>/livestats/ExCanvas.js"></script><![endif]-->
   4 <script type="text/javascript" src="<%=resource%>/livestats/MochiKit.js"></script>
   5 <script type="text/javascript" src="<%=resource%>/livestats/JsonRpc.js"></script>
   6 <script type="text/javascript" src="<%=resource%>/livestats/PlotKit.js"></script>
   7 <script type="text/javascript" src="<%=resource%>/livestats/GraphRPC.js"></script>
   8
   9 <script type="text/javascript">
  10         PlotKit.Base.baseColors = function () {
  11            var hexColor = MochiKit.Color.Color.fromHexString;
  12            return [hexColor("#ff0000"),
  13                            hexColor("#ff6000"),
  14                            hexColor("#fff000"),
  15                            hexColor("#00ff00"),
  16                            hexColor("#00ff77"),
  17                            hexColor("#0090ff"),
  18                            hexColor("#000000")];
  19         };
  20
  21         function initGraphs() {
  22                 var rpc = new GraphRPC(
  23                         document.getElementById('live_graphs'),
  24                         '<%=luci.dispatcher.build_url('rpc', 'sys')%>', 'loadavg',
  25                         2000,
  26
  27                         // Data sources
  28                         [ 0, "1 Minute Load", 1, "5 Minutes Load", 2, "15 Minutes Load" ],
  29
  30                         // Graph layout options
  31                         { shouldFill: false, drawBackground: false, strokeColor: null,
  32                           strokeColorTransform: "asFillColor",
  33                           title: 'Average Load', strokeWidth: 1,
  34                           padding: { left: 70, right: 10, top: 10, bottom: 20 },
  35                           instances: [ false ], yAxis: [ 0, 2 ] }
  36                 );
  37         }
  38
  39         MochiKit.DOM.addLoadEvent(initGraphs);
  40 </script>
  41
  42 <div id="live_graphs"></div>
  43
  44 <%+footer%>