now use statistics if available in band.

projects/common-map/src/fm-map/components/legend/histogram-details/histogram-details.component.html

@@ -0,0 +1,15 @@
+<div class="row pl-3">
+  <div class="col-8 nopadding" i18n>Average<span>:</span></div>
+  <div class="col-4 pull-left nopadding">{{histogram.mean| number:'1.0-2'}}</div>
+  <div class="col-8 nopadding" i18n>Standard deviation<span>:</span></div>
+  <div class="col-4 pull-left nopadding">{{histogram.stddev| number:'1.0-2'}}</div>
+  <div class="col-8 nopadding" i18n>Min<span>:</span></div>
+  <div class="col-4 pull-left nopadding">{{histogram.min| number:'1.0-2'}}</div>
+  <div class="col-8 nopadding" i18n>Max<span>:</span></div>
+  <div class="col-4 pull-left nopadding">{{histogram.max| number:'1.0-2'}}</div>
+
+  <ng-container *ngIf="showConfidenceInterval()">
+    <div class="col-8 nopadding" i18n>Confidence interval<span>:</span></div>
+    <div class="col-4 pull-left nopadding">{{histogram.confidence * 100| number:'1.0-0'}}%</div>
+  </ng-container>
+</div>

projects/common-map/src/fm-map/components/legend/histogram-details/histogram-details.component.ts

@@ -0,0 +1,20 @@
+import {Component, Input} from '@angular/core';
+import {IHistogram, ILayer} from '../../../models/color.map';
+
+@Component({
+  selector: 'fm-map-histogram-details',
+  templateUrl: './histogram-details.component.html',
+  styles: ['.nopadding{\n' +
+  '  padding: 0 !important;\n' +
+  '  margin: 0 !important;\n' +
+  '}']
+})
+export class HistogramDetailsComponent {
+
+  @Input()
+  histogram: IHistogram;
+
+  showConfidenceInterval(): boolean {
+    return this.histogram.confidence != null && this.histogram.confidence !== 1;
+  }
+}