如何自動將散景圖大小調整爲所用設備的屏幕大小

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。