proper auto-resizing working again :) (5fc3f63d) · Commits · github_fork / Clip

web/js/fnordmetric.bars_widget.js

+10 −3

Original line number	Diff line number	Diff line
		@@ -13,8 +13,9 @@ FnordMetric.widgets.barsWidget = function(){

		draw_layout();

		width = opts.elem.width() - 50;
		height = opts.height \|\| 240;
		$(opts.elem)
		.addClass('resize_listener')
		.bind('fm_resize', renderChart);

		gconfig = {
		element: $('.container', opts.elem)[0],
		@@ -71,6 +72,12 @@ FnordMetric.widgets.barsWidget = function(){
		}

		function renderChart(){
		width = opts.elem.width() - 50;
		height = opts.height \|\| 240;

		gconfig.width = width;
		gconfig.height = height;

		$(gconfig.element).html("");

		gconfig.series = [{

+10 −5

Original line number	Diff line number	Diff line
		@@ -94,13 +94,18 @@ var FnordMetric = (function(){
		};

		function resizeView(){
		var viewport_width = window.innerWidth - 220
		var viewport_width = window.innerWidth - 220;
		if(viewport_width < 780){ viewport_width=780; }
		$('#viewport').width(viewport_width);
		$('.navbar').width(viewport_width);
		FnordMetric.ui.resizable('.viewport_inner');
		if(currentView){
		currentView.resize(
		canvasElem.innerWidth(),
		canvasElem.innerHeight()
		);
		}
		$(".resize_listener").trigger('fm_resize');
		};

+10 −5

Original line number	Diff line number	Diff line
		@@ -24,19 +24,18 @@ FnordMetric.widgets.timeseriesWidget = function(){

		draw_layout();

		width = opts.elem.width() - 50;
		height = opts.height \|\| 240;

		gconfig = {
		element: $('.container', opts.elem)[0],
		width: width,
		height: height,
		interpolation: (opts.default_cardinal ? 'cardinal' : 'linear'),
		stroke: true,
		series: opts.series,
		padding: { top: 0.1, bottom: 0 }
		}

		$(opts.elem)
		.addClass('resize_listener')
		.bind('fm_resize', renderChart);

		apply_style(opts.default_style);

		if(opts.async_chart){
		@@ -192,6 +191,12 @@ FnordMetric.widgets.timeseriesWidget = function(){
		}

		function renderChart(){
		width = opts.elem.width() - 50;
		height = opts.height \|\| 240;

		gconfig.width = width;
		gconfig.height = height;

		$(gconfig.element).html("");
		$(".rickshaw_legend", opts.elem).html("");