散景版,散景== 0.12.3 CDN_Js版,https://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.js
嵌入到Django的HTML模板中的Bokeh Script JS如下: -
Bokeh.$(function(){
Bokeh.safely(function(){
....
我可以将CDN_js和CDN_css发送到DOM,但似乎无法将它们放入正确DIV的innerHtml / Html中。
其余代码如下: -
<script>
var call_bokehBar = "{% url 'call_bokehBar' %}" //
var bokeh_text = document.getElementById('dynamic_bokeh_body_text1');
bokeh_text.onclick = function() {
$.ajax({
url: call_bokehBar,
type: 'GET',
dataType: 'json',
success: function(resultJSON) {
console.log(resultJSON) // -- YES OK
console.log(resultJSON.div_bokeh) // -- YES OK
console.log(resultJSON.cdn_js) // -- YES OK
$('#second_bokehDiv').html(resultJSON.div_bokeh);
$('#second_bokehDiv').html(resultJSON.js_bokeh);
},
})
};
</script>
我需要有Bokeh条形图的模态代码: -
<div id="modal_bokeh_main" class="modal_bokeh_backdrop">
<div class="modal_bokeh_content">
<div class="modal_bokeh_header">
<span class="modal_bokeh_close">×</span>
<h2 id = "dynamic_bokeh_header_text"> BOKEH BAR CHART </h2>
</div>
<div class="modal_bokeh_body">
<p id = "dynamic_bokeh_body_text1"> BOKEH BAR CHART </p>
<div id ="first_bokehDiv">
</div>
<div id ="second_bokehDiv">
</div>
</div>
</div>
</div>
错误 - “Uncaught TypeError:Bokeh。$不是函数”。
通过在第一个散景DIV中嵌入 - bokeh-0.12.3.min.css和bokeh-0.12.3.min.js得到解决,如下所示 - 这不是一个理想的解决方案,但现在可以使用。
<div id ="first_bokehDiv">
<link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.css" type="text/css" />
<script type="text/javascript" src="http://cdn.pydata.org/bokeh/release/bokeh-0.12.3.min.js"></script>
</div>
此错误也没有发生由于使用较旧版本的散景。