Невозможно отобразить график dash-plotly в веб-приложении, написанном на django/angular
Компания, в которой я работаю, создает сайт, который должен показывать некоторые графики и статистику. Фронтэнд написан на angular, а бэкэнд на python. Я хотел бы использовать dash для создания графиков, но у меня возникают трудности с отображением моего тестового приложения dash. Во фронт-энде есть кнопка "нарисовать график", при нажатии на которую должно открываться новое окно, в котором отображается приложение. Я пытался следовать руководству django-plotly-dash, но по какой-то причине не могу заставить его работать. Я относительно новичок в django.
У меня есть приложение graph в проекте django. Мое тестовое приложение dash находится в dash_app.py и содержит кнопку, которая ничего не делает.
from dash import html
from django_plotly_dash import DjangoDash
app = DjangoDash("Test")
app.layout = html.Div([html.Button("Submit", id="submit-value")])
Мой шаблон - dash_template.html
<!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
{%load plotly_dash%}
</head>
<body>
<h1>Dashboard Test</h1>
{%plotly_app name="Test" %}
</body>
</html>
А views.py выглядит так.
def dash_view(request):
return render(request, "graph/dash_template.html")
Когда я нажимаю на кнопку draw_graph, открывается новое окно и отображается заголовок Dashboard Test, но кнопка Submit не появляется.
Я уже добавил path("django_plotly_dash/", include("django_plotly_dash.urls")) в файл urls.py проекта и django_plotly_dash.apps.DjangoPlotlyDashConfig в список INSTALLED_APPS.
Хочу добавить, что когда я открываю режим разработчика в окне, где должно отображаться приложение dash, в консоли появляется эта ошибка:
ERROR Ошибка: NG04002: Не удается найти ни одного маршрута. Сегмент URL: 'django_plotly_dash/app/Test'. Angular 3 RxJS 3 core.mjs:6531:22 Angular 2 RxJS 6 Angular 10
Знаете ли вы, что я делаю неправильно? Заранее спасибо.