improved realtime nubmers widget (90992943) · Commits · github_fork / Clip

lib/fnordmetric/gauges/realtime_gauge.rb

+1 −0

Original line number	Diff line number	Diff line
		@@ -12,6 +12,7 @@ class FnordMetric::RealtimeGauge < FnordMetric::MultiGauge
		realtime_value_widget(
		:tab => "Overview",
		:title => "Realtime #{key_nouns.last}",
		:desc => "#{key_nouns.last} / Second",
		:ticks => @opts[:ticks]
		)

+15 −1

Original line number	Diff line number	Diff line
		@@ -346,3 +346,17 @@ ul.ui_tabs li.active a{
		}

		.gauge_viewport{ margin-top:30px; }


		.widget.RealtimeValueWidget .big_number{
		float:right;
		margin-right:30px;
		width:200px;
		text-align:center;
		margin-top:70px;
		}

		.widget.RealtimeValueWidget .big_number .value{
		line-height:80px;
		font-size:58px;
		}

+1 −1

Original line number	Diff line number	Diff line
		@@ -81,7 +81,7 @@ FnordMetric.views.gaugeView = (function(gauge_name, conf){
		function renderWidgets(_widgets){
		for(wkey in _widgets){
		var widget = _widgets[wkey];
		widget["elem"] = $('<div class="widget"></div>');
		widget["elem"] = $('<div class="widget"></div>').addClass(widget.klass);
		$('.tab[data-tab="' + widget.tab + '"]', '.viewport_inner').append(widget["elem"]);
		widgets[wkey] = widget;
		resizeWidget(wkey);

+8 −5

Original line number	Diff line number	Diff line
		FnordMetric.widgets.realtimeValueWidget = function(){

		var xpadding = 20;
		var ypadding = 20;
		var ypadding = 10;
		var bmargin = 6;
		var bwidth = 5;
		var bcolor = '#06C';
		@@ -22,13 +22,13 @@ FnordMetric.widgets.realtimeValueWidget = function(){
		drawLayout();

		width = opts.elem.width() - (xpadding * 2) - 15 - 250;
		height = opts.height \|\| 240;
		height = opts.height \|\| 210;
		//xtick = width / (xticks - 1);

		canvas = d3.select('#container-'+widget_uid)
		.append("svg:svg")
		.attr("width", width+(2*xpadding))
		.attr("height", height+30);
		.attr("height", height);

		canvas.selectAll("*").remove();

		@@ -72,7 +72,10 @@ FnordMetric.widgets.realtimeValueWidget = function(){
		}

		function nextValueAsync(value){
		if(value != undefined){ next_values.unshift(value); }
		if(value != undefined){
		next_values.unshift(value);
		$('.big_number .value', opts.elem).html(FnordMetric.util.formatValue(value));
		}
		if(next_values.length > 0){
		if(!next_value_interval){
		next_value_interval = window.setInterval(function(){
		@@ -139,8 +142,8 @@ FnordMetric.widgets.realtimeValueWidget = function(){
		.addClass('big_number number')
		.attr('data-current', 0)
		.attr('data', 0)
		.append($('<span class="desc">').html(opts.desc))
		.append($('<span class="value">'))
		.append($('<span class="desc">').html('fu'))
		)
		);

+3 −0

Original line number	Diff line number	Diff line
		@@ -92,6 +92,9 @@ FnordMetric.util.formatOffset = function(offset, next_offset){
		FnordMetric.util.formatValue = function(value){
		if(value < 10){
		return value.toFixed(2);
		}
		if(value < 100){
		return value.toFixed(1);
		} else if(value > 1000){
		return (value/1000.0).toFixed(1) + "k";
		} else {