<div ng-if="::$ctrl.max">
    <span>{{ ::'Hottest Day' | translate }}:</span>
    <span>{{ ::$ctrl.max.date }}, {{ ::$ctrl.max.value }} °{{ ::$ctrl.degreeType}}</span>
</div>
<div ng-if="::$ctrl.min">
    <span>{{ ::'Coldest Day' | translate }}:</span>
    <span>{{ ::$ctrl.min.date }}, {{ ::$ctrl.min.value }} °{{ ::$ctrl.degreeType}}</span>
</div>
<div ng-if="::$ctrl.degreeDays">
    <span data-i18n="Degree Days">{{ ::'Degree Days' | translate }}:</span>
    <span id="mddays">{{ ::$ctrl.degreeDays }}</span>
    <br>
</div>
<br>
<div ng-if="::$ctrl.noDataAvailable" class="no-data">
    {{ ::'No data available' | translate}}
</div>

<table class="display myrighttable" id="reporttable"></table>
<br>
<div id="usagegraph" class="device-log-chart"></div>
<br>
<div id="variation-graph" style="height: 400px;"></div>
