feat: add parameter choice for chart data
This commit is contained in:
parent
d1840441c5
commit
28baab1956
3 changed files with 55 additions and 9 deletions
|
|
@ -9,6 +9,29 @@
|
|||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<section class="filters">
|
||||
<fieldset>
|
||||
<legend>Période</legend>
|
||||
<div>
|
||||
<label for="date-start">Du</label>
|
||||
<input type="date" id="date-start" name="date-start" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="date-end">Au</label>
|
||||
<input type="date" id="date-end" name="date-end" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="granularity">Granularité</label>
|
||||
<select id="granularity" name="granularity">
|
||||
<option value="hour">Heure</option>
|
||||
<option value="day" selected>Jour</option>
|
||||
<option value="week">Semaine</option>
|
||||
<option value="month">Mois</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
<button class="btn-primary" id="btn-refresh">Actualiser</button>
|
||||
</section>
|
||||
<section class="chart-section">
|
||||
<div>
|
||||
<canvas id="consumption-chart"></canvas>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue