added lots more stats to /static/
[p2pool.git] / web-static / graphs.html
index cf7b067..1c95ea4 100644 (file)
@@ -1,15 +1,11 @@
-<!DOCTYPE html>
-<html>
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
         <title>P2Pool Graphs</title>
         <script type="text/javascript" src="d3.v2.min.js"></script>
         
         <style type="text/css">
-            body {
-                font-family: Sans-serif;
-                font-size: 12px;
-            }
-            
             line {
                 stroke: black;
                 stroke-width: 1;
@@ -29,7 +25,7 @@
     </head>
     
     <body>
-        <h1>P2Pool Graphs</h1>
+        <h1><a href="/static/">P2Pool</a> &gt; Graphs</h1>
         
         <p>Periods: <span id="period_chooser"></span> Current: <span id="period_current"></span></p>
         
                 
                 d3.json("/web/graph_data/miner_hash_rates/last_" + lowerperiod, function(data) {
                     d3.json("/web/graph_data/miner_dead_hash_rates/last_" + lowerperiod, function(dead_data) {
-                        var users = {}; for(var i = 0; i < data.length; ++i) for(var u in data[i][1]) users[u] = null; for(var i = 0; i < dead_data.length; ++i) for(var u in dead_data[i][1]) users[u] = null;
-                        var userlist = []; for(var u in users) userlist.push(u);
-                        d3.select("#miners").selectAll("*").remove();
-                        var div = d3.select("#miners").selectAll().data(userlist).enter().append("div");
-                        div.append("h3").text(identity);
-                        div.append("svg:svg").each(function(u) {
-                            plot(d3.select(this), "H/s", "H", [
-                                {"data": data, "value_getter": function(d) { return u in d ? d[u] : 0; }, "color": "#0000FF", "label": "Total"},
-                                {"data": dead_data, "value_getter": function(d) { return u in d ? d[u] : 0; }, "color": "#FF0000", "label": "Dead"}
-                            ]);
+                        d3.json("/web/graph_data/current_payouts/last_" + lowerperiod, function(current_payouts) {
+                            var users = {}; for(var i = 0; i < data.length; ++i) for(var u in data[i][1]) users[u] = null; for(var i = 0; i < dead_data.length; ++i) for(var u in dead_data[i][1]) users[u] = null;
+                            var userlist = []; for(var u in users) userlist.push(u);
+                            userlist.sort();
+                            d3.select("#miners").selectAll("*").remove();
+                            var div = d3.select("#miners").selectAll().data(userlist).enter().append("div");
+                            div.append("h3").text(identity);
+                            div.append("svg:svg").each(function(u) {
+                                plot(d3.select(this), "H/s", "H", [
+                                    {"data": data, "value_getter": function(d) { return u in d ? d[u] : 0; }, "color": "#0000FF", "label": "Total"},
+                                    {"data": dead_data, "value_getter": function(d) { return u in d ? d[u] : 0; }, "color": "#FF0000", "label": "Dead"}
+                                ]);
+                            });
+                            div.append("svg:svg").each(function(u) {
+                                plot(d3.select(this), "BTC", null, [
+                                    {"data": current_payouts, "value_getter": function(d) { return u in d ? d[u] : null; }, "color": "#0000FF"}
+                                ]);
+                            });
                         });
                     });
                 });