VILLASweb/app/components/static-chart.js

import Ember from 'ember';

export default Ember.Component.extend({
	tagName: 'div',
  classNames: ['line-chart'],
	attributeBindings: ['style'],
  xaxisLength: 300,
	height: '100%',
	data: [],
	options: {},

  didInsertElement: function() {
    this._drawPlot();
  },

	style: function() {
		return "height: " + this.get('height') + ";";
	}.property('height'),

	_drawPlot: function() {
    var element = this.get('element');
    if (element && element.id) {
			// draw plot
			$.plot('#' + element.id, this.get('data'), this.get('options'));
    }
	}.observes('data')
});