benjamin/fioul
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Plot prices using plotly

Browse Source
This commit is contained in:
Benjamin Sigonneau
2022-08-06 22:38:08 +02:00
parent 0f35f0ff91
commit 907bb882a4
3 changed files with 91 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
static/plotly-2.12.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

23
views/search_results.tpl
View File

@@ -4,6 +4,7 @@
<link rel="stylesheet" href="/static/classless.css"> <link rel="stylesheet" href="/static/classless.css">
<link rel="stylesheet" href="/static/fioul.css"> <link rel="stylesheet" href="/static/fioul.css">
<link rel="icon" type="image/png" href="/static/favicon.png" /> <link rel="icon" type="image/png" href="/static/favicon.png" />
<script src="/static/plotly-2.12.1.min.js"></script>
</head> </head>
<body> <body>
<h1>Prix du m³ de fioul pour Languidic</h1> <h1>Prix du m³ de fioul pour Languidic</h1>
@@ -16,5 +17,27 @@
</tr> </tr>
% end % end
</table> </table>
<div id="price-plot"></div>
<script>
var plotDiv = document.getElementById('price-plot');
var plotData = [{
x: {{ [str(d.date) for d in results] }},
y: {{ [d.price for d in results] }},
type: 'scatter',
}];
var plotLayout = {
margin: { t: 0 }
};
var plotConfig = {
responsive: true,
displaylogo: false,
};
Plotly.newPlot(
plotDiv,
plotData,
plotLayout,
plotConfig,
);
</script>
</body> </body>
</html> </html>

7
webapp.py
View File

@@ -6,15 +6,14 @@ from bottle import hook, request, route, run, static_file, view
import models import models
from models import Price from models import Price
# ---------------------------------------------------------------------- # ----------------------------------------------------------------------
# Web application # Web application
@route("/") @route("/")
@view("search_results") @view("search_results", template_settings={'noescape':True})
def results_page(): def results_page():
query = Price.select().order_by(Price.date.desc()) results = Price.select().order_by(Price.date.desc())
results = list(query)
day_classes = { day_classes = {
0: "monday", 0: "monday",
1: "tuesday", 1: "tuesday",