# //= require material_raingular/d3/horizontal_bar_chart/controller class MrD3HorizontalBarChart extends AngularDirective

@register(MaterialRaingular.d3.app)
restrict: "E"
controller: MaterialRaingular.d3.Directives.MrD3HorizontalBarChartModel
transclude: true
replace: true
template: "<svg height='100%' width='100%'><g ng-transclude></g></svg>"

###

NOTE:: Must use track by in ng-repeat to make function properly
Usage Slim Syntax
mr-d3-horizontal-bar-chart.test ng-init="dataSet = [{l: 'a',v: 23},{l: 'b',v: 13},{l: 'c',v: 21},{l: 'd',v: 14},{l: 'e',v: 37},{l: 'f',v: 15},{l: 'g',v: 18},{l: 'h',v: 34},{l: 'i',v: 30}]"
  mr-d3-bar.thingy ng-repeat="data in dataSet track by $index" mr-d3-label="data.l" mr-d3-value="data.v"
  mr-d3-bar mr-d3-label="'this'" mr-d3-value="'200'"
  mr-d3-x-axis ng-init="domain = [0,37]" mr-d3-label="'Value'" mr-d3-domain='domain'

  mr-d3-stacked-bar mr-d3-label="'CA'" mr-d3-stacked="true"
    mr-d3-bar ng-repeat="data in [10,4,7] track by $index" mr-d3-label="data" mr-d3-value="data"
  mr-d3-stacked-bar mr-d3-label="'AZ'" mr-d3-stacked="true"
    mr-d3-bar ng-repeat="data in [10,4,7] track by $index" mr-d3-label="data" mr-d3-value="data"
  mr-d3-y-axis mr-d3-label="'Arbitrary'"

###