-
Bastien DUMONT authoredBastien DUMONT authored
consumption.md 11.55 KiB
Consumption
The consumption view displays data by :
- multifluid, which groups all fluids
- each fluid
Time step
Users can choose various time steps to display different periods on the graph.
| Time step | Period | Step |
|---|---|---|
| Day (electricity only) | one day | half-hour |
| Week | a week | daily |
| Month | a month | daily |
| Year | a year | monthly |
| 5 years | 5 years | yearly |
Data Interval
Each fluid has an upcoming data interval depending on the provider API.
| Provider | Interval |
|---|---|
| Enedis | 3 days |
| GRDF | 5 days |
| EGL | 5 days |
Components 💻
ConsumptionView
This is the main component of the consumption page. It's the entrypoint to several children components :
DateNavigator-
FluidButtons, allows the user to switch between the different fluids and the multifluid view. FluidChartConsumptionDetails-
KonnectorViewerList/KonnectorViewerCard
Rules:
- If no fluids are connected, the
KonnectorViewerListwill be displayed. It shows buttons that allow user to connect its fluids. These buttons redirects to the chosen fluid view. - If at least one fluid is connected, the multi fluid view shows the connected fluids. Fluids prices are added together. They are in multi fluid color and in euro.
- A Fluid is displayed with his specific color and his unit (kWh for electricity and gas, l for water).
- The selected time step will persist when changing fluid.
DateNavigator
This component allows the user to navigate through the selected timestep (week by week, month by month, etc.)
- If no fluid is connected, the navigation is locked
- By default, the date is today.
- Navigation is locked beyond the current date.
FluidButtons
This component allows the user to navigate through the different fluids.