<div class="col-xs-5" ng:controller="FatChartCtrl" class="row-fluid" id="body-main" qn:fillheight>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
    <!-- Optional theme -->
    <link rel="stylesheet" href="http:////netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
  
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <h2>{{$resource('polls.grafikon')}}</h2>
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <label class="control-label" for="chart-options-vAxis-gridlines-count">
                {{$resource('polls.gridlinije')}}</label>

            <input class="form-control" type="number" min="0" max="100" ng-model="chart.options.vAxis.gridlines.count"
                id="chart-options-vAxis-gridlines-count" />
        </div>

        <div class="form-group">
            <label for="chartType">{{$resource('polls.tipgrafikona')}}</label>

            <select class="form-control" id="chartType" ng-model="chart.type" ng-change="chartSelectionChange()">
                <option value="AreaChart">AreaChart</option>
                <option value="PieChart">PieChart</option>
                <option value="ColumnChart">ColumnChart</option>
                <option value="LineChart">LineChart</option>
                <option value="Table">Table</option>
                <option value="BarChart">BarChart</option>
            </select>

        </div>
   
    </form>
    <div class="col-xs-7">
        <div google-chart chart="chart" style="{{cssStyle}}" on-ready="chartReady()"></div>
    </div>
</div>
