puppetlabs/vmpooler
2
0
Fork 0
mirror of https://github.com/puppetlabs/vmpooler.git synced 2026-01-26 18:08:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

First-pass at a 'running VMs' graph

Browse source
This commit is contained in:
Scott Schneider 2014-02-11 11:40:26 -08:00
parent ac52d0df3e
commit b775579c6a
3 changed files with 148 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

121
public/lib/stats-vcloud-running.js Normal file
View file

@ -0,0 +1,121 @@
var running_url = '/dashboard/stats/vcloud/running';
var running_height = 150;
var colorscale = d3.scale.category20();
var color = {};
var stats_vcloud_running__data = {};
var stats_vcloud_running__svg = {};
var stats_vcloud_running__data__total = 0;
d3.json( running_url,
function( stats_vcloud_running__data ) {
( function tick() {
setTimeout( function() {
var stats_vcloud_running__data__live = ( function() {
var stats_vcloud_running__data__live = null;
$.ajax( {
'url': running_url,
'async': false,
'global': false,
'dataType': 'json',
'success': function( data ) {
stats_vcloud_running__data__live = data;
}
} );
return stats_vcloud_running__data__live;
} )();
var stats_vcloud_running__data__keys = [];
var stats_vcloud_running__data__total__tmp = 0;
for ( var key in stats_vcloud_running__data__live ) {
stats_vcloud_running__data__total__tmp = stats_vcloud_running__data__total__tmp + stats_vcloud_running__data__live[ key ];
stats_vcloud_running__data__keys.push( key );
for ( var c = 0; c < Object.keys(stats_vcloud_running__data__keys).length; c++ ) { color[key] = colorscale( c ); }
}
if ( stats_vcloud_running__data__total__tmp > stats_vcloud_running__data__total ) {
stats_vcloud_running__data__total = stats_vcloud_running__data__total__tmp;
}
$( '#stats-vcloud-running' ).empty();
var x = d3.scale.linear().domain( [ 0, 500 ] ).range( [ 0, document.getElementById( 'stats-vcloud-running' ).offsetWidth ] );
var y = d3.scale.linear().domain( [ 0, stats_vcloud_running__data__total ] ).range( [ running_height, 0 ] );
var area = d3.svg.area()
.x( function( d, i ) { return x( i ); } )
.y0( function( d ) { return y( d.y0 ); } )
.y1( function( d ) { return y( d.y0 + d.y ); } );
var path = d3.svg.line()
.x( function( d, i ) { return x( i ); } )
.y( function( d ) { return y( d.y0 + d.y ); } );
var stack = d3.layout.stack()
.values( function( d ) { return d.values; } );
var stats_vcloud_running__data__stack = {};
if ( typeof stats_vcloud_running__data[ 'stack' ] === 'undefined' ) {
stats_vcloud_running__data[ 'stack' ] = [];
}
stats_vcloud_running__data[ 'stack' ].push( stats_vcloud_running__data__live );
var stats_vcloud_running__data__graph = stack(
stats_vcloud_running__data__keys.sort().map(
function( name ) {
return {
name: name,
values: stats_vcloud_running__data[ 'stack' ].map( function( d ) {
return { y: d[ name ] };
})
}
}
)
);
var svg = d3.select( '#stats-vcloud-running' )
.append( 'svg' )
.attr( 'height', running_height )
.attr( 'width', '97%' )
.style( 'margin-top', '15px' )
.style( 'margin-bottom', '10px' )
.append( 'g' );
var mysvg = svg.selectAll( '#stats-vcloud-running' )
.data( stats_vcloud_running__data__graph )
.enter()
.append( 'g' );
mysvg.append( 'path' )
.attr( 'd', function( d ) { return area( d.values ); } )
.attr( 'clas', 'area' )
.attr( 'opacity', '0.25' )
.style( 'fill', function( d ) { return color[ d.name ]; } );
mysvg.append( 'path' )
.attr( 'd', function( d ) { return path( d.values ); } )
.attr( 'class', 'line' )
.attr( 'stroke', function( d ) { return '#888'; } )
.attr( 'stroke-width', '1' );
if ( stats_vcloud_running__data[ 'stack' ].length > 500 ) {
stats_vcloud_running__data[ 'stack' ].shift();
}
tick();
}, 5000 );
} )();
}
);