Диаграммы Mutiple bokeh в шаблоне django

Question

Я не понимаю, как настроить несколько диаграмм Боке в моем шаблоне django. Я прочитал эту страницу https://docs.bokeh.org/en/latest/docs/user_guide/embed.html, которая должна это объяснить, но она не совсем ясна.

Вот мое мнение:

def Bokehplot(request):
        source = ColumnDataSource(S.df)
        p = figure(x_axis_type = "datetime", title = "un truc", x_axis_label = "date" , y_axis_label = "autre truc")
        p.line("date", "Te", source = source, line_width = 2,color = "green", alpha = 0.6)

        q = figure(x_axis_type = "datetime", title = "un truc", x_axis_label = "date" , y_axis_label = "autre truc")
        q.line("date", "Tr", source = source, line_width = 2,color = "red", alpha = 0.6)


        plots = {'Red': p, 'Blue': q}

        script, div = components(plots)

        return render(request, 'batterie/results.html', locals())

{{div | safe}} дает 2 деления в строке. Я хотел бы получить доступ к div1 (первый график) и div2 (второй график), чтобы поместить их в 2 различных столбца bootstrap? Любая помощь приветствуется. Спасибо!

Answer 1

Получил мой ответ, очень просто. Мой вид:

def Bokehplot(request):
        source = ColumnDataSource(S.df)
        p = figure(x_axis_type = "datetime", title = "un truc", x_axis_label = "date" , y_axis_label = "autre truc")
        p.line("date", "Te", source = source, line_width = 2,color = "green", alpha = 0.6)

        q = figure(x_axis_type = "datetime", title = "un truc", x_axis_label = "date" , y_axis_label = "autre truc")
        q.line("date", "Tr", source = source, line_width = 2,color = "red", alpha = 0.6)


        plots = {'Red': p, 'Blue': q}

        script, div = components(plots)
        div1 = div["Red"]
        div2 = div["Blue"]

        return render(request, 'batterie/results.html', locals())

Мой шаблон:

<div class = "row">
  <div class = "col-sm-6 p-3 text-center">

    {{ div1 | safe }}

  </div>

  <div class = "col-sm-6 p-3 text-center">
    {{ div2 | safe }}

  </div>
</div>

Теперь я могу расположить свои участки с помощью Bootstrap. Круто!