Question

使用Django 2.2，Python 3.7和Bokeh 1.20。使用BokehJS而不是服务器。

我正在使用bokeh components（）函数通过ajax将图发送到Django模板。

metric, metric_div = components(plots)
return JsonResponse({'metric': metric, 'metric_div': metric_div})

在模板ajax调用中，我先加载脚本，然后加载图：

$("#small-plot").html('<div class="col-lg-3 col-md-3 ett-plot">' + data.metric_div + '</div>');

图形的尺寸为600x600，但是在模板中，我以200x200的尺寸显示缩略图。这很完美。我想做的是点击放大图。

$('.ett-plot').click(function(e) {
  $('#plot-expanded').html('<div>' + this.innerHTML + '</div>');
});

在加载绘图后运行事件代码。单击时，图扩展的div会扩展以适应放大的图，但是div是一个空白框。奇怪的是，如果将鼠标悬停在缩略图图中的某个点上，则该点的数据将显示在缩略图中以及应该显示该点的绘图扩展的div中。单击情节扩展区域没有任何作用。

如果我检查代码，则相同的bk根树位于原始缩略图和复制的绘图扩展div中。是相同的html。

关于为什么该图显示为空白正方形但悬停工具起作用的任何想法吗？

感谢您的帮助。