Использование Django 2.2, Python 3.7 и Bokeh 1.20.Использование BokehJS, а не сервера.
Я отправляю график в шаблон django через ajax, используя функцию bokeh components ().
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.
Есть идеи, почему график отображается в виде пустого квадрата, но работает hovertools?
Спасибо за любую помощь.