fnordmetric-ui: timseries option: data-legend on/off (915b8a5c) · Commits · github_fork / Clip

fnordmetric-doc/fnordmetric_ui.md

+3 −0

Original line number	Diff line number	Diff line
		@@ -28,6 +28,9 @@ Timeseries
		data-chart-style
		render style (either line, area or flow), default is "line"

		data-legend
		display a legend? (values are "on" or "off"), default is "on"

		data-cardinal
		use cardinal splines (values are "on" or "off"), default is "off"

+28 −18

Original line number	Diff line number	Diff line
		@@ -6,14 +6,20 @@ if (typeof FnordMetric.widgets == 'undefined')

		FnordMetric.widgets.timeseries = function(elem){
		var graph, gauges, colors, gconfig, legend, hoverDetail, shelving,
		highlighter, refresh_timer, series, height;
		highlighter, refresh_timer, series, height, display_legend,
		widget_key;

		var default_colors = ["#db843d", "#3d96ae", "#80699b", "#89a54e",
		"#aa4643", "#4572a7"]

		var widget_key = elem.attr("data-widget-key");

		function init() {
		widget_key = elem.attr("data-widget-key");

		if (elem.attr('data-legend') == "off")
		display_legend = false;
		else
		display_legend = true;

		renderLayout();

		if (!elem.attr('data-gauges'))
		@@ -73,15 +79,16 @@ FnordMetric.widgets.timeseries = function(elem){
		}

		function renderLayout() {
		$(elem)
		.append(
		if (display_legend)
		$(elem).append(
		$('<div></div>')
		.addClass('fnordmetric_container_legend')
		.css({
		margin: '10px 30px 0 30px',
		})
		)
		.append(
		);

		$(elem).append(
		$('<div></div>')
		.addClass('fnordmetric_container')
		.css({
		@@ -93,10 +100,13 @@ FnordMetric.widgets.timeseries = function(elem){

		function renderChart() {
		$(gconfig.element).html("");

		if (display_legend)
		$(".fnordmetric_legend", elem).html("");

		graph = new FnordMetric.rickshaw.Graph(gconfig);

		if (display_legend)
		legend = new FnordMetric.rickshaw.Graph.Legend({
		graph: graph,
		element: $('.fnordmetric_container_legend', elem)[0]

+1 −0