<div class="analytics-container" ng-style="{ 'font-size' : fontSize }">
    <div ng-if="!data.legends" class="minWith float-left">&nbsp;</div>
    <table class="legend minWith float-left">
        <tr ng-repeat="entry in data.legends" ng-style="{color: entry.color, opacity: entry.opacity * 1.1}">
            <td>{{entry.legend}}: {{entry.value}} {{entry.unit}}</td>
        </tr>
    </table>
    <table class="statistics float-left" ng-if="data.stats">
        <tr ng-if="data.stats.delta_t">
            <td>{{data.stats.delta_t.legend}}: {{data.stats.delta_t.value.toFixed(5)}} {{data.stats.delta_t.unit}}</td>
        </tr>
        <tr ng-repeat="entry in data.stats.data" ng-style="{color: entry.color, opacity: entry.opacity * 1.1}">
            <td>
                {{entry.mean.legend}}: {{entry.mean.value.toFixed(3)}} {{entry.mean.unit}} —
                {{entry.sigma.legend}}: {{entry.sigma.value.toPrecision(2)}} {{entry.sigma.unit}}
            </td>
            <td>
                {{entry.area.legend}}: {{entry.area.value.toFixed(2)}} {{entry.area.unit}}
            </td>
            <td>
                {{entry.slope.legend}}: {{entry.slope.value.toFixed(2)}} {{entry.slope.unit}} (r²: {{entry.slope.r2.toFixed(2)}})
            </td>
        </tr>
    </table>
</div>