iot-app-kit
iot-app-kit copied to clipboard
[Gauge] - Customize Gauge Widget in Dashboard
:exclamation: PLEASE MAKE THESE CHANGES UNDER A FEATURE FLAG |
---|
:exclamation: PLEASE MAKE THESE CHANGES IN SMALL INCREMENTAL PRs AND NOT AT ONCE |
---|
Create the config panels for Gauge, they should have the following sections Styles * Show/hide the unit * Show/hide property name * Change the y min and y max * Change the aggregation and resolution * Change font sizes Properties * Can remove a property from here * Can change the widget’s color from the color picker Thresholds * Can create a threshold * Can remove a threshold * Can change a threshold's color and value
### Acceptance criteria
- [ ] User can show/hide unit
- [ ] Users can show/hide property name
- [ ] Users can change the ymin and ymax of the widget
- [ ] Users can change the aggregation and resolution of the widget
- [ ] Users can change the widget property's color
- [ ] Users can remove properties
- [ ] Users can create thresholds
- [ ] Users can remove thresholds
- [ ] Users can customize thresholds
- [ ] Users can customize font sizes
the resolution and aggregation are part of the Gauge widget’s query prop and should be updated using the existing dropdown found at dashboard/src/customization/propertiesSections/aggregationSettings/index.tsx
Can you please provide the UX for the style tab? Also, we need to add font size and unit font size.