Как визуализировать два или более графиков Bokeh в HTML с тегами Div и Script?

Question

Я хочу построить два или более графика в HTML, используя тег Div и скрипт, но он отображает только последний.

Я работаю над Django

   plot code.....
   script , divi = components(plot)
   plot1 = figure()
   plot1.circle([1,2], [3,4])
   script , pie = components(plot1)
   return render(request,'result.html',{'company':fetch,'tabcontent':temp,'pie':pie,'last_20':last_20f,'divi':divi,'script':script})

 some code...
 <div class="graph1">
    {{divi | safe}}
 </div>
 <div class="last_20">
    {{last_20|safe}}
 </div>
 <div class="pie_area">
    {{pie | safe}}
 </div>

Answer 1

Именование тега script по-разному работает, а в теге End of Body добавьте {{script | safe}} и {{scriptxyz |сейф}}

   plot code.....
   script , divi = components(plot)
   plot1 = figure()
   plot1.circle([1,2], [3,4])
   script1 , pie = components(plot1)
   return render(request,'result.html', {'company':fetch,'tabcontent':temp,'pie':pie,'last_20':last_20f,'divi':divi,'script':script,'script1':script1})

 <div class="graph1">
    {{divi | safe}}
 </div>
 <div class="last_20">
    {{last_20|safe}}
 </div>
 <div class="pie_area">
    {{pie | safe}}
 </div>

 {{script | safe}}
 {{script1 | safe}}