Skip to content

Latest commit

 

History

History
88 lines (59 loc) · 2.47 KB

README.md

File metadata and controls

88 lines (59 loc) · 2.47 KB

Ember-rickshaw

Ember implementation for rickshaw Timeseries graphs done right in Rickshaw

Installation

  • npm install https://github.com/Ahamtech/ember-rickshaw.git#master
  • bower install rickshaw

##TODO Better Documentation

Support for Multi Axis representation

Better start up code snipperts

Demo App

Adding into NPM repo

Ember Hover

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true}}

Ember Hover

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true}}
{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true hover-option=options}}
	options: {formatter: function(series, x, y) {
		var date = '<span class="date">' + new Date(x * 1000).toUTCString() + '</span>';
		var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>';
		var content = swatch + series.name + ": " + parseInt(y) + '<br>' + date;
		return content;
	}}

alt hover

Ember Slider

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true slider=true slider-element="ember-slider"}}
<div id="ember-slider"></div>

alt slider

Ember Axis Time

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true axistime=true }}

Ember Legend

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true legend=true legend-element="legend" legend-highlight=true}}
<div class="column" id="legend"></div>

alt slider

Ember Annotator

{{#ember-rickshaw type="lineplot" height="600" width="1300" data=model hover=true axistime=true hover-option=hoverformatter annotator=true annotator-element="annotator" annotator-data=annatator}}

<div id="annotator"></div>

alt annotator

License

Ember Rickshaw is Copyright © 2016 Ahamtech. It is free software, and may be redistributed under the terms specified in the LICENSE file.

About Ahamtech

Ember-Rickshaw is maintained by Ahamtech.

We love open source software, Erlang, Elixir, and Phoenix. See our other opensource projects, or hire our Elixir Phoenix development team to design, develop, and grow your product.