Web SDK documentation
  1. Components
  2. LinearGaugeWidgetViewComponent

File

widgets/implementations/linear-gauge/linear-gauge-widget-view/linear-gauge-widget-view.component.ts

Implements

OnChanges DynamicComponent

Metadata

providers MeasurementRealtimeService
selector c8y-linear-gauge-widget-view
standalone true
imports NgIf NgClass AsyncPipe RangeDisplayModule
templateUrl ./linear-gauge-widget-view.component.html

Index

Properties
Methods
Inputs

Constructor

constructor(measurementRealtime: MeasurementRealtimeService, dashboard: ContextDashboardComponent, dynamicComponent?: DynamicComponentComponent)
Parameters :
Name Type Optional
measurementRealtime MeasurementRealtimeService No
dashboard ContextDashboardComponent No
dynamicComponent DynamicComponentComponent Yes

Inputs

config
Type : LinearGaugeWidgetConfig

Methods

ngOnChanges
ngOnChanges()
Returns : void

Properties

alerts
Type : DynamicComponentAlertAggregator
rangeDisplayConfig$
Type : Observable<RangeDisplay> 
<div
  class="p-l-16 p-r-16 p-b-16 fit-h d-flex d-col flex-center"
  *ngIf="rangeDisplayConfig$ | async as rangeDisplayConfig"
  [ngClass]="{
    'p-t-40 j-c-center': rangeDisplayConfig.orientation === 'horizontal',
  }"
>
  <c8y-range-display [config]="rangeDisplayConfig" [ngClass]="{'flex-grow': rangeDisplayConfig.orientation == 'vertical'}"></c8y-range-display>
</div>

results matching ""

    No results matching ""