Web SDK documentation
  1. Components
  2. ChartsComponent

File

echart/charts.component.ts

Implements

OnChanges OnInit OnDestroy

Metadata

providers { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import() }) } ChartRealtimeService MeasurementRealtimeService AlarmRealtimeService EventRealtimeService ChartTypesService EchartsOptionsService CustomMeasurementService YAxisService AlarmSeverityToIconPipe AlarmSeverityToLabelPipe
selector c8y-charts
standalone true
imports CommonModule CoreModule NgxEchartsModule TooltipModule PopoverModule ChartAlertsComponent AlarmsModule
templateUrl ./charts.component.html

Index

Properties
Methods
Inputs
Outputs

Constructor

constructor()

Inputs

alerts
Type : DynamicComponentAlertAggregator
config
Type : DatapointsGraphWidgetConfig

Outputs

configChangeOnZoomOut
Type : EventEmitter
datapointOutOfSync
Type : EventEmitter
isMarkedAreaEnabled
Type : EventEmitter
timeRangeChangeOnRealtime
Type : EventEmitter
updateAlarmsAndEvents
Type : EventEmitter

Methods

debounce
debounce(func: T, wait: number)
Type parameters :
  • T
Parameters :
Name Type Optional
func T No
wait number No
Returns : void
hasMarkArea
hasMarkArea(options: any)
Parameters :
Name Type Optional
options any No
Returns : boolean
isAlarmClick
isAlarmClick(params: any)
Parameters :
Name Type Optional
params any No
Returns : boolean
loadMoreData
loadMoreData()
Returns : void
ngOnChanges
ngOnChanges()
Returns : void
ngOnDestroy
ngOnDestroy()
Returns : void
ngOnInit
ngOnInit()
Returns : void
onChartClick
onChartClick(params: literal type)
Parameters :
Name Type Optional
params literal type No
Returns : void
onChartInit
onChartInit(ec: ECharts)
Parameters :
Name Type Optional
ec ECharts No
Returns : void
saveAsImage
saveAsImage()
Returns : void

Properties

alarms
Type : IAlarm[]
Default value : []
chart
Type : ElementRef
Decorators :
@ViewChild('chart')
chartOption$
Type : Observable<EChartsOption>
echartsInstance
Type : ECharts
events
Type : IEvent[]
Default value : []
showLoadMore
Default value : false
sliderZoomUsed
Default value : false 
<div
  class="p-relative fit-h chart-container"
>
  <div
    class="fit-w fit-h"
    #chart
    echarts
    [options]="chartOption$ | async"
    (chartInit)="onChartInit($event)"
  ></div>

  <c8y-chart-alerts [alerts]="alerts"></c8y-chart-alerts>

  <div *ngIf="showLoadMore" class="chart-load-more">
    <button
      class="btn btn-primary btn-sm btn-block"
      (click)="loadMoreData()"
    >
      <i c8yIcon="restore"></i>
      {{ 'Load more' | translate }}
    </button>
  </div>
</div>

results matching ""

    No results matching ""