Bokehプロットサイズを使用するデバイスの画面サイズに自動的に調整する方法

Question

インライン埋め込みを使用して、WebページにBokehプロットを追加しています。私は異なるデバイスから見たときにそのサイズを調整したいと思います。携帯電話、タブレットなどがありますが、その方法を理解することはできません。

私のHTMLでは、ブートストラップのdiv内のBokehプロットをクラス「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、応答= Trueの）

ボケ0.12.10または@Alexが指摘したように した後に行うことができるはず。応答パラメータは、Bokeh 0.12.10では推奨されませんでした。レスポンシブ= Falseの場合はsizing_mode = 'fixed'、レスポンス= Trueの場合はsizing_mode = 'scale_width'を使用してください。