component.js

import Ember from 'ember';

export default Ember.Component.extend({
	tagName: 'div',
	classNames: ['grid-stack-item'],
	attributeBindings: ['data-gs-x', 'data-gs-y', 'data-gs-width', 'data-gs-height', 'data-gs-id'],

	"data-gs-x": function() {
		return this.get('chart').get('column');
	}.property(),
	"data-gs-y": function() {
		return this.get('chart').get('row')
	}.property(),
	"data-gs-width": function() {
		return this.get('chart').get('width')
	}.property(),
	"data-gs-height": function() {
		return this.get('chart').get('height')
	}.property(),			
	"data-gs-id": function() {
		return this.get('chart').get('id')
	}.property(),

  didInitAttrs(options) {
    console.log('didInitAttrs', options);
  },

  didUpdateAttrs(options) {
    console.log('didUpdateAttrs', options);
  },

  willUpdate(options) {
    console.log('willUpdate', options);
  },

  didReceiveAttrs(options) {
    console.log('didReceiveAttrs', options); 
  },

  willRender() {
    console.log('willRender');
  },

  didRender() {
    console.log('didRender');
  },

  didInsertElement() {
    console.log('didInsertElement');  
  },

  didUpdate(options) {
    console.log('didUpdate', options);
  }	
});

nitpick, use Ember.computed instead of .property