improved peer propagation chart
This commit is contained in:
parent
7b172df9dd
commit
b173cbbcac
@ -31,7 +31,7 @@ var Node = function Node(data)
|
||||
uptime: 0,
|
||||
lastUpdate: 0
|
||||
};
|
||||
this.blockHistory = [];
|
||||
this.blockHistory = Array(MAX_HISTORY);
|
||||
this.uptime = {
|
||||
started: null,
|
||||
history: []
|
||||
|
@ -240,8 +240,7 @@ table td {
|
||||
}
|
||||
|
||||
.th-peerPropagationChart {
|
||||
text-align: center;
|
||||
width: 125px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 639px) {
|
||||
|
@ -106,23 +106,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
|
||||
var index = findIndex({id: data.id});
|
||||
$scope.nodes[index].stats = data.stats;
|
||||
$scope.nodes[index].history = data.history;
|
||||
$scope.nodes[index].propagation = _.map(data.history, function(block) {
|
||||
return block.propagation;
|
||||
});
|
||||
jQuery('.' + data.id).sparkline($scope.nodes[index].propagation, {
|
||||
type: 'bar',
|
||||
height: 18,
|
||||
barWidth : 2,
|
||||
barSpacing : 1,
|
||||
tooltipSuffix: 'ms',
|
||||
colorMap: jQuery.range_map({
|
||||
'0:1': '#10a0de',
|
||||
'1:5000': '#7bcc3a',
|
||||
'5001:12000': '#FFD162',
|
||||
'12001:20000': '#ff8a00',
|
||||
'20001:': '#F74B4B'
|
||||
})
|
||||
});
|
||||
makePeerPropagationChart(index);
|
||||
break;
|
||||
|
||||
case "info":
|
||||
@ -151,6 +135,28 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
|
||||
return _.findIndex($scope.nodes, search);
|
||||
}
|
||||
|
||||
function makePeerPropagationChart(index)
|
||||
{
|
||||
$scope.nodes[index].propagation = _.map($scope.nodes[index].history, function(block) {
|
||||
return block.propagation;
|
||||
});
|
||||
|
||||
jQuery('.' + $scope.nodes[index].id).sparkline($scope.nodes[index].propagation, {
|
||||
type: 'bar',
|
||||
height: 18,
|
||||
barWidth : 2,
|
||||
barSpacing : 1,
|
||||
tooltipSuffix: 'ms',
|
||||
colorMap: jQuery.range_map({
|
||||
'0:1': '#10a0de',
|
||||
'1:5000': '#7bcc3a',
|
||||
'5001:12000': '#FFD162',
|
||||
'12001:20000': '#ff8a00',
|
||||
'20001:': '#F74B4B'
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
function addNewNode(data)
|
||||
{
|
||||
var index = findIndex({id: data.id});
|
||||
@ -163,9 +169,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
|
||||
|
||||
$scope.nodes[index] = data;
|
||||
$scope.nodes[index].history = data.history;
|
||||
$scope.nodes[index].propagation = _.map(data.history, function(block) {
|
||||
return block.propagation;
|
||||
});
|
||||
makePeerPropagationChart(index);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user