All files / src/app/components/signals-graph signals-graph.component.html

95.34% Statements 41/43
100% Branches 0/0
100% Functions 3/3
100% Lines 27/27

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 593006x 6012x 24x     12x 13x 6012x   13x   13x 13x   13x   13x 6012x   2x   1x 1x   1x 12x           6024x   12x     6024x   12x     6024x   12x     6024x   12x     6024x           12x  
<app-error *ngIf="error" [error]="error"></app-error>
<div *ngIf="!error" echarts [options]="options"  [loading]="isLoading" [merge]="updateOptions"
class="signal-chart" (chartInit)="onChartInit($event)"></div>
 
<div class="under-graph">
    <div class="toggle-scaling">
        <button
            *ngIf="isYAxisScaling"
            class="button button-toggle"
            (click)="toggleYAxisScaling()"
            title="Display zero on axis">
            <span class="icon is-small">
                <i class="pi pi-search-minus"></i>
            </span>
        </button>
 
        <button
            *ngIf="!isYAxisScaling"
            class="button button-toggle"
            (click)="toggleYAxisScaling()"
            title="Zoom on line">
            <span class="icon is-small">
                <i class="pi pi-search-plus"></i>
            </span>
        </button>
    </div>
 
    <div class="toolbar">
 
        <div class="toolbar-element">
 
            <p>{{dataMinTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>window start: {{windowMinTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>{{windowMaxTs-windowMinTs | duration}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>window end: {{windowMaxTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>{{dataMaxTs*1000 | date:"short"}}</p>
 
 
        </div>
 
    </div>
</div>