如何自动将散景图大小调整为所用设备的屏幕大小

Question

我正在使用内联嵌入向我的网页添加散焦图。我想调整从不同设备查看时的大小，例如手机，平板电脑等，但无法弄清楚如何做到这一点。

在我的HTML，我包裹类“COL-LG-4”自举专区内的背景虚化的情节。当div根据屏幕大小进行相应调整时，Bokeh绘图只会在div和屏幕视图之外水平溢出。有没有办法解决这个问题？

下面是与剧情嵌入我的HTML页面的代码段：

<div class="col-lg-4"><div class="well" style="text-align: center"><p> 
{% if script != None %} 
{{ div | safe}} 
{% endif %} 
</p></div></div> 

和相应的背景虚化绘图功能：

def plotreg(beta, alpha, xreturn, yreturn): 
    x = np.arange(-0.2, 0.3, 0.01) 
    y = alpha + beta*x 
    p = figure(width=700,height=350) 
    p.line(x, y, line_dash="4 4", line_width=1.5, color='gray') 
    p.circle(xreturn, yreturn, fill_color="grey", size=6, hover_fill_color="firebrick", 
    fill_alpha=0.05, line_color = "firebrick", hover_alpha=0.3) 
    p.xaxis.axis_label = "Market Return" 
    p.yaxis.axis_label = "Stock Return" 
    p.outline_line_width = 5 
    p.outline_line_alpha = 0.3 
    p.outline_line_color = "navy" 
    comp = components(p) 
    return comp 

Answer 1

背景虚化的图表有一个负责任的属性。 所以，你应该能够做到P =图（宽度= 700，高度= 350，响应=真）

散景0.12.10或之后 作为@Alex指出。在Bokeh 0.12.10中不赞成使用响应参数。相反，请使用sizing_mode ='fixed'作为responsive = False或sizing_mode ='scale_width'作为responsive = True。