twitter-bootstrap – 如何自动将Bokeh绘图大小调整为所用设备的

在我的HTML中,我将Bokeh图包装在带有“col-lg-4”类的Bootstrap div中.当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