0
190
VistasVisualización del gráfico D3.js con Django Backend
Estoy aprendiendo a construir un tablero usando Django como backend y D3.js para visualización.
Lo siguiente es mi index.html :
{% load static %} <html> <script src="https://d3js.org/d3.v7.min.js"></script> <body> <h1> Hello! </h1> <script src={% static "js\linechart.js" %}> var data = {{ AAPL|safe }}; var chart = LineChart(data, { x: d => d.date, y: d => d.close, yLabel: "↑ Daily close ($)", width, height: 500, color: "steelblue" }) </script> </body> </html> Los datos AAPl se extraen de la base de datos y el views.py es el siguiente:
from django.shortcuts import render from django.http import HttpResponse from cnxn import mysql_access import pandas as pd # Create your views here. def homepage(request): sql = ''' select Date, Close from tbl_historical_prices where ticker = 'AAPL' ''' cnxn = mysql_access() conn = cnxn.connect() df = pd.read_sql(sql, con=conn) context = {'AAPL':df.to_json()} return render(request, 'index.html', context=context) El gráfico de líneas de función se puede ver aquí, que se utiliza en js\linechat.js en el archivo index.html .
Puedo ver el Hello! se muestra en la página pero no puede ver el gráfico de líneas. No puedo depurar el problema. Tampoco se encontraron errores en la pestaña de la consola.
¿Cómo puedo mostrar el diagrama de líneas?
He agregado la visualización de la página actual en la imagen adjunta.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Cierre su secuencia de comandos con un src y comience una nueva etiqueta de secuencia de comandos. La presencia de src excluye el código interno.
<script src={% static "js\linechart.js" %}></script> <script> ...
·
Juan Pablo Isaza
Denunciar
Responde la pregunta