grassrootseconomics/ethstats-server
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added uncle count chart

Browse Source
This commit is contained in:
cubedro
2015-04-24 06:23:26 +03:00
parent 937f14bc0a
commit c7b71f6d5e
6 changed files with 63 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/js/controllers.js
View File

@@ -14,6 +14,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
$scope.lastDifficulty = 0;
$scope.upTimeTotal = 0;
$scope.avgBlockTime = 0;
$scope.unclesInLast = 0;
$scope.bestStats = {};
$scope.lastBlocksTime = [];
@@ -25,6 +26,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
$scope.nodes = [];
$scope.map = [];
$scope.blockPropagationChart = [];
$scope.uncleCount = [];
$scope.latency = 0;
@@ -129,6 +131,14 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
break;
case "uncleCount":
$scope.uncleCount = data;
$scope.unclesInLast = data[0];
jQuery('.spark-uncles').sparkline($scope.uncleCount.reverse(), {type: 'bar'});
break;
case "inactive":
$scope.nodes[findIndex({id: data.id})].stats = data.stats;
toastr['error']("Node "+ $scope.nodes[findIndex({id: data.id})].info.name +" went away!", "Node connection was lost!");

6
public/js/directives.js
View File

@@ -85,7 +85,7 @@ angular.module('netStatsApp.directives', []).
link: function(scope, element, attrs) {
var margin = {top: 0, right: 0, bottom: 0, left: 0};
var width = 280 - margin.left - margin.right,
height = 173 - margin.top - margin.bottom;
height = 50 - margin.top - margin.bottom;
var TICKS = 40;
@@ -111,7 +111,7 @@ angular.module('netStatsApp.directives', []).
var yAxis = d3.svg.axis()
.scale(y)
.orient("left")
.ticks(4)
.ticks(3)
.tickFormat(d3.format("%"));
var line = d3.svg.line()
@@ -124,7 +124,7 @@ angular.module('netStatsApp.directives', []).
.offset([10, 0])
.direction('s')
.html(function(d) {
return '<div class="tooltip-arrow"></div><div class="tooltip-inner"><b>' + (d.x/1000) + 's - ' + ((d.x + d.dx)/1000) + 's</b><div class="small">Percent: <b>' + Math.round(d.y * 100) + '%</b>' + '<br>Frequency: <b>' + d.frequency + '</b><br>Cumulative: <b>' + Math.floor(d.cumpercent*100) + '%</b></div></div>';
return '<div class="tooltip-arrow"></div><div class="tooltip-inner"><b>' + (d.x/1000) + 's - ' + ((d.x + d.dx)/1000) + 's</b><div class="small">Percent: <b>' + Math.round(d.y * 100) + '%</b>' + '<br>Frequency: <b>' + d.frequency + '</b><br>Cumulative: <b>' + Math.round(d.cumpercent*100) + '%</b></div></div>';
})
scope.init = function()