# ef-swing-gauge

Data visualisation showing the percentage between two values

## Properties

| Property                | Attribute          | Type                       | Default                 | Description                        |
|-------------------------|--------------------|----------------------------|-------------------------|------------------------------------|
| `canvasSize (readonly)` |                    | `SwingGaugeCanvasSize`     |                         | Getter size of component           |
| `duration`              | `duration`         | `number`                   | 1000                    | Animation duration in milliseconds |
| `primaryLabel`          | `primary-label`    | `string`                   | ""                      | Primary label                      |
| `primaryLegend`         | `primary-legend`   | `string`                   | ""                      | Primary value legend               |
| `primaryValue`          | `primary-value`    | `number`                   | "0"                     | Primary value                      |
| `secondaryLabel`        | `secondary-label`  | `string`                   | ""                      | Secondary label                    |
| `secondaryLegend`       | `secondary-legend` | `string`                   | ""                      | Secondary value legend             |
| `secondaryValue`        | `secondary-value`  | `number`                   | "0"                     | Secondary value                    |
| `valueFormatter`        |                    | `SwingGaugeValueFormatter` | "defaultValueFormatter" | Custom value formatter             |