AngularJS directive to set height of element

page.html

  <div class="row">
    <div class="col-xs-12">
      <div id="ChartDivContracts" set-graph-height ratio=".33"></div>
    </div>
  </div>

setGraphHeight.js

'use strict';

angular.module('clientApp')
  .directive('setGraphHeight', [
    function () {
    return {
      link: function ($scope, $element, $attributes) {
        var width = $element[0].offsetWidth;
        var ratio = .67;
        var height;
        if ($scope.$eval($attributes.ratio)) {
          ratio = parseFloat($scope.$eval($attributes.ratio));
        }   
        height = width * ratio;
        $element.css('height', height + 'px');
      }   
    };  
  }]);

I wrote this directive because I needed to set the height of a

for jChartfx

Without setting tag (set-graph-height) in html, Can you set height based on div Id in angularJs?