rickshaw icon indicating copy to clipboard operation
rickshaw copied to clipboard

Added possibility to add a colored min/max area for a series

Open siberianbearr opened this issue 8 years ago • 0 comments

This change allows to add min/max values to a series. The renderer takes the series color as default color an modifies it a bit, alternatively a custom color can be passed.

var graph = new Rickshaw.Graph( {
	element: document.querySelector('#chart'),
	renderer: 'line',
	series: [{
		color: 'steelblue',
		data: [ { x: 0, y: 23}, { x: 1, y: 15 }, { x: 2, y: 79 }, { x: 3, y: 40 } ],
		min: 20,
		max: 50,
		limitColor: "#FF6766" 
		}]
	});

graph.render();

Produces this output: simple

More complex example: not simple

siberianbearr avatar Feb 14 '17 11:02 siberianbearr