Question

0

293

Views

Uso Python Flask y javascript para crear un gráfico de líneas, pero no funciona, aunque puedo ver que los valores están presentes en los elementos de inspección de Chrome.

Estoy tratando de construir un gráfico de líneas usando python Flask y HTML. Aquí están mis scripts HTML

 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script> </head> <body> <canvas id="lineChart" width="900" height="400"></canvas> <script> var ctx = document.getElementById("lineChart").getContext("2d"); var lineChart = new Chart (ctx, { type: "line", data: { labels: {{ labels | safe }} datasets: [ { label: "Room 1 Temperature", data: {{ values | safe }}, fill: false, borderColor: "rgb(75, 192, 192)", lineTension: 0.1 } ] }, options: { responsive: false } }); </script> </body> </html>

Y aquí están los scripts de Python:

 from flask import Flask, render_template app = Flask(__name__) @app.route('/test') def test(): data = [ ("a", 70), ("b", 50), ("c", 10), ("d", 60), ("e", 50), ("a", 90), ] labels = [row[0] for row in data] values = [row[1] for row in data] return render_template('test.html', labels=labels, values=values)

el problema es que no muestra nada cuando lo ejecuto, pero este caso de uso funciona bien.

Lo que me confunde aún más es que puedo ver que las etiquetas y las variables de valores ya están presentes en html cuando soluciono problemas en Chrome.

¿Alguien puede decirme qué hice mal? Gracias de antemano