now use statistics if available in band.
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
This commit is contained in:
@@ -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>
|
@@ -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;
|
||||
}
|
||||
}
|
@@ -30,21 +30,11 @@
|
||||
<tr *ngIf="showHistogram()">
|
||||
<td colspan="4" class="pb-1 pt-1">
|
||||
<div class="info" [ngbCollapse]="hideHistogramDetails">
|
||||
<div class="row pl-3">
|
||||
<div class="col-8 nopadding" i18n>Average<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{layer.renderer.band.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">{{layer.renderer.band.histogram.stddev| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Min<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{layer.renderer.band.histogram.min| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Max<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{layer.renderer.band.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">{{layer.renderer.band.histogram.confidence * 100| number:'1.0-0'}}%</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
<fm-map-histogram-details *ngIf="bandContainsHistogram(); else statistics"
|
||||
[histogram]="layer.renderer.band.histogram"></fm-map-histogram-details>
|
||||
<ng-template #statistics>
|
||||
<fm-map-statistics-details [statistics]="layer.renderer.band.statistics"></fm-map-statistics-details>
|
||||
</ng-template>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
@@ -16,11 +16,6 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nopadding{
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
span.color {
|
||||
display:inline-block;
|
||||
width: 1.5em;
|
||||
|
@@ -88,8 +88,8 @@ export class LegendComponent implements OnInit,AfterViewInit {
|
||||
return this.histogramenabled && this.layer.renderer.band.histogram.entries && this.layer.renderer.band.histogram.entries.length > 0 && this.layer.renderer.colorMap.colormapType == "minmax";
|
||||
}
|
||||
|
||||
showConfidenceInterval():boolean {
|
||||
return this.histogramenabled && this.layer.renderer.band.histogram.confidence != null && this.layer.renderer.band.histogram.confidence != 1;
|
||||
bandContainsHistogram(): boolean {
|
||||
return this.layer.renderer.band.histogram != null;
|
||||
}
|
||||
}
|
||||
|
||||
|
@@ -0,0 +1,32 @@
|
||||
<div class="row pl-3">
|
||||
<div class="col-8 nopadding" i18n>Population count<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.populationCount| number:'1.0-0'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Min<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.min| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Max<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.max| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Min plus<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.minPlus| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Max minus<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.maxMinus| number:'1.0-2'}}</div>
|
||||
|
||||
<div class="col-8 nopadding" i18n>Average<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.mean| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Standard deviation<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.stddev| number:'1.0-2'}}</div>
|
||||
|
||||
<div class="col-8 nopadding" i18n>Mode<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.mode| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Median<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.median| number:'1.0-2'}}</div>
|
||||
|
||||
<div class="col-8 nopadding" i18n>Kurtosis<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.curtosis| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Skewness<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.skewness| number:'1.0-2'}}</div>
|
||||
|
||||
<div class="col-8 nopadding" i18n>Variance<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.variance| number:'1.0-2'}}</div>
|
||||
<div class="col-8 nopadding" i18n>Variance coefficient<span>:</span></div>
|
||||
<div class="col-4 pull-left nopadding">{{statistics.variationCoefficient| number:'1.0-2'}}</div>
|
||||
</div>
|
@@ -0,0 +1,16 @@
|
||||
import {Component, Input} from '@angular/core';
|
||||
import {IStatistics} from '../../../models/color.map';
|
||||
|
||||
@Component({
|
||||
selector: 'fm-map-statistics-details',
|
||||
templateUrl: './statistics-details.component.html',
|
||||
styles: ['.nopadding{\n' +
|
||||
' padding: 0 !important;\n' +
|
||||
' margin: 0 !important;\n' +
|
||||
'}']
|
||||
})
|
||||
export class StatisticsDetailsComponent {
|
||||
|
||||
@Input()
|
||||
statistics: IStatistics;
|
||||
}
|
Reference in New Issue
Block a user