ダッシュグラフのサイズを変更するにはどうすればよいですか？

Question

私はDashのプロットでレイアウトの問題にぶつかっています。私がDashで生成するすべてのプロットは、自動的に非常に狭く見えるので、いくつかの独創的なズーミングをせずに実際にデータを見るのは難しくなります。

たとえば、私のダッシュの1つでソースを見ると、メインプロットコンテナ（svg-container）の高さが450pxになり、グラフ自体の高さが270pxになるように見えますサブプロットを見て）。私がグラフを作ることができればいいと思う、例えば、700px。

私の質問はダッシュのグラフの寸法を調整する最良の方法は何ですか？私の最初の推測は、どういうわけかスタイルシートを付けることですが、どのように適切なCSSセレクタがどうなるかわかりません。

ありがとうございました！

Answer 1

これは、プロットのdivを親div内にサブdivとして配置し、次に親divのサイズを設定することで行いました。

# main parent div for the app 
main_div = html.Div(children = [ 
    # sub-div for the plot 
    html.Div(children = [ 
       dcc.Graph(id = 'my-plot'), 
    ]) 
    ], 
    # set the sizing of the parent div 
    style = {'display': 'inline-block', 'width': '48%'}) 

アプリが複雑になるにつれ、おそらくもっと複雑なdivネスティングを設定する必要があります。また、設定した方法に応じて、プロットのサブディビジョンに直接styleを直接設定することもできます。 https://community.plot.ly/c/dash

：おそらくダッシュと一緒に頻繁に投稿し、自分自身をdevの、そこに多くのユーザーが存在しますので、

また、私はここに公式のダッシュフォーラム次示唆します