4 <title>P2Pool Graphs</title>
5 <script type="text/javascript" src="d3.v2.min.js"></script>
7 <style type="text/css">
9 font-family: Sans-serif;
16 shape-rendering: crispEdges;
32 font-family: Sans-serif;
39 <h1>P2Pool Graphs</h1>
42 <div id="graph_hour"></div>
45 <div id="graph_day"></div>
48 <div id="graph_week"></div>
51 <div id="graph_month"></div>
53 <script type="text/javascript">
54 function getData(url) {
55 xmlhttp = new XMLHttpRequest();
56 xmlhttp.open("GET", url, false);
58 var data = JSON.parse(xmlhttp.responseText);
63 function plot(e, url) {
64 data = getData("/web/graph_data/local_hash_rate/" + url);
65 dead_data = getData("/web/graph_data/local_dead_hash_rate/" + url);
71 function itemgetter(i) {
77 return new Date(1000*x);
80 var x = d3.time.scale().domain([as_date(d3.min(data, itemgetter(0))), as_date(d3.max(data, itemgetter(0)))]).range([0 + margin * 2, w - margin * 2]);
81 var y = d3.scale.linear().domain([0, d3.max(data, itemgetter(1))]).range([h - margin, margin]);
83 var line = d3.svg.line().x(function(d, i) { return x(as_date(d[0])); }).y(function(d) { return y(d[1]); });
85 e.selectAll("svg").remove();
86 var g = e.insert("svg:svg").attr("width", w).attr("height", h);
89 .attr("d", line(data))
90 .attr("class", "rate");
93 .attr("d", line(dead_data))
94 .attr("class", "deadrate");
98 .attr("x1", margin * 2)
99 .attr("y1", h - margin)
100 .attr("x2", w - margin * 2)
101 .attr("y2", h - margin);
105 .enter().append("svg:g")
106 .attr("transform", function(d) { return "translate(" + x(d) + "," + (h-margin/2) + ")"; })
108 .attr("transform", "rotate(45)")
109 .attr("text-anchor", "middle")
110 .text(x.tickFormat(13));
114 .enter().append("svg:line")
116 .attr("y1", h - margin)
118 .attr("y2", h - margin + 5);
122 .attr("x1", margin * 2)
123 .attr("y1", h - margin)
124 .attr("x2", margin * 2)
129 .enter().append("svg:line")
130 .attr("x1", margin * 2 - 5)
132 .attr("x2", margin * 2)
137 .enter().append("svg:text")
138 .text(d3.format(".3s"))
139 .attr("x", margin - 2.5)
140 .attr("y", function(d) { return y(d) + 4; })
141 .attr("text-anchor", "middle");
144 function attachGraph(e, url) {
146 //setInterval(function() { plot(e, url); }, 5000);
149 attachGraph(d3.select("#graph_hour"), "last_hour");
150 attachGraph(d3.select("#graph_day"), "last_day");
151 attachGraph(d3.select("#graph_week"), "last_week");
152 attachGraph(d3.select("#graph_month"), "last_month");