Интеграция Django и Bokeh - не отображает сюжет - PullRequest
0 голосов
/ 08 ноября 2019

Я пытаюсь интегрировать Django и Bokeh, используя подход этой статьи

К сожалению, после написания функции сюжета ничего не отображается.

my views.py

def homepage(request):
    x = [1,2,3,4,5]
    y = [1,2,3,4,5]

    plot = figure(title = 'Line Graph', x_axis_label='X-Ax',y_axis_label='Y-Ax',plot_width = 400,plot_height = 400)

    plot.line(x,y,line_width = 2)
    script,div = components(plot)
    return render(request,'repositorys.html',{'script': script,'div': div})

urls.py

urlpatterns = [
    url(r'^$', views.home, name='home'),
    url(r'^repositorys/',views.homepage,name='repositorys'),
    url(r'^repositorys/(?P<pk>\d+)/$', views.repositorys_board, name='repositorys_board'),
    url('admin/', admin.site.urls),

]

и repositorys.html

<html>
    <head>
        <link href=”http://cdn.pydata.org/bokeh/release/bokeh-1.4.0.min.css" rel=”stylesheet” type=”text/css”>
        <link href=”http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.4.0.min.css" rel=”stylesheet” type=”text/css”>
        <script src=”http://cdn.pydata.org/bokeh/release/bokeh-1.4.0.min.js"></script>
        <script src=”http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.4.0.min.js"></script>
    {{ script | safe }}
    </head>

    <body>
    {{ div | safe }}
    </body>
</html>

Моя версия боке 1.4.0

К сожалению, на моем локальном хосте ничего не отображается.

1 Ответ

0 голосов
/ 09 ноября 2019

Ссылки, которые вы добавили в заголовок, содержали недопустимый символ вместо "

Замените его следующим:

<link href= "http://cdn.pydata.org/bokeh/release/bokeh-1.4.0.min.css" rel="stylesheet" type="text/css">
<link href="http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.4.0.min.css" rel="stylesheet" type="text/css">
<script src="http://cdn.pydata.org/bokeh/release/bokeh-1.4.0.min.js"></script>
<script src="http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.4.0.min.js"></script>

Я могу получить приведенный ниже график простовнесение вышеуказанных изменений. enter image description here

...