Reports.html

<div class="starter-template">
    <h1>OpenRPA</h1>
    <p class="lead"></p>
</div>

<pre>{{ ctrl.message }}</pre>
<div ng-show="ctrl.errormessage != ''"" class=" alert alert-danger" role="alert">{{ctrl.errormessage}}</div>
<a href ng-click="ctrl.settimeframe(0, 1, '1 hour')">1 hour</a>
<a href ng-click="ctrl.settimeframe(0, 6, '6 hour')">6 hour</a>
<a href ng-click="ctrl.settimeframe(1, 0, '1 day')">1 day</a>
<a href ng-click="ctrl.settimeframe(7, 0, '7 days')">7 days</a>
<a href ng-click="ctrl.settimeframe(30, 0, '30 days')">30 days</a><br />

<div ng-repeat="chart in ctrl.charts">
    <div>{{chart.heading}}</div>
    <!-- style="width: 500px" -->
    <div style="max-width: 600px;">
        <canvas id="bar" class="chart-base" chart-type="chart.charttype" chart-data="chart.data"
            chart-labels="chart.labels" chart-series="chart.series" chart-click="chart.click"
            chart-colors="chart.colors">
        </canvas>
    </div><br>
</div>