Skip to content

Graph Widget

The graph widget provides graphical line chart display for historical and current widget data.

Graph Widget

Configurable components

NameDescription
cardBackground button card component
primaryButton component

Widget Properties

Class NameDescription
valueValue to display on the graph. Defaults to 0.

Common CSS Properties

These CSS properties configure the underlying button component.

PropertyDescription
backgroundBackground color of the graph
colorText color of the graph

Vuetify CSS Properties

Set these CSS properties to modify the underlying ChartJS component.

PropertyDescription
--w-background-colorBackground color of the graph
--w-background-borderBackground border color of the graph
--w-point-border-colorPoint border color of the graph
--w-point-background-colorPoint background color of the graph
--w-border-colorBorder color of the graph