Widget display types
The display types listed below are the ones that are included in Valtimo.
Each display type used must be imported in the AppModule of your front-end implementation if you want to use them. They are exported from '@valtimo/dashboard'.
Number
Key: number
Front-end module: BigNumberModule
Displays the data as a single number in text.
Properties
title
The title of the widget, shown at the top of the widget.
subtitle
The text shown below the title.
label
The label that is displayed to the right of the number. Can be used to clarify what the number indicates.
useKPI
Enables the use of thresholds to change the color of the number. When set to false the color of the number is black. When set to true the color of the number is green unless it is above one or more of the threshold values.
lowSeverityThreshold
Limit above which the color of the number becomes yellow.
mediumSeverityThreshold
Limit above which the color of the number becomes orange.
highSeverityThreshold
Limit above which the color of the number becomes red.
Donut chart
Key: donut
Front-end module: DonutModule
Displays multiple counts in a donut chart.
Properties
title
Required. The title of the widget, shown at the top of the widget.
subtitle
The text shown below the title.
label
The label that is displayed in the center of the donut.
Meter chart
Key: meter
Front-end module: MeterModule
Displays multiple counts in a horizontal meter chart.
Properties
title
Required. The title of the widget, shown at the top of the widget.
subtitle
The text shown below the title.
Gauge
Key: gauge
Front-end module: GaugeModule
Displays a count and a total count in a gauge.
Properties
title
Required. The title of the widget, shown at the top of the widget.
subtitle
The text shown below the title.
label
The label specifies the type of item under the gauge. In the screenshot this is 'zaken'.
Last updated