問題タブ [plotly-dash]

この Plotly の例を Dash で再作成しようとしていますが、ボタンと範囲スライダーを取得できません。誰も私がこれを行う方法を知っていますか?

それが私が試したことです：

Python (3.x) で plotly Dash (0.18.3) でライブ更新を使用しようとしていますが、プロットを頻繁に更新する必要はありません (1 日に 1 回か 2 回必要です)。

これまでに次のことを行いました。

問題は、最初は何も表示されず、 の後にのみ更新さintervalれるため、半日後です。ページの読み込み時に更新されるように、 Dash のドキュメントserve_layoutに従って関数を追加しましたが、効果がないようです。

ページが最初にアクセスされ、その後毎回更新されるときに最初の更新を行うにはどうすればよいintervalですか?

ダッシュ アプリを起動すると、計算コストの高い関数によってグローバル変数 (dat) が作成されます。データを定期的に更新したいのですが、ユーザーの操作によっては更新したくありません。メモリの共有方法が原因で、通常の Python グローバル変数はダッシュでの使用に適していないことを理解しているため、非表示の div を使用して定期的に更新されるデータを保存しています。

各ユーザーがアプリを起動したときにデータを更新するのではなく、バックグラウンドで更新を行い、更新されたデータですべてのユーザーのアプリを更新することをお勧めします。ページを更新してアプリを更新する必要がある場合も問題ありませんが、更新されたデータはすべてのユーザーが利用できます。

私がやりたいタスクを実行する例を以下に含めました。問題は、データが文字列またはnumpy配列の場合はdivにデータを格納しても問題ないことですが、データ構造がpandasデータフレームのように複雑な場合(コードのコメント行を参照してください) または pandas データフレームの辞書を使用すると、アプリは実行されますが、ページはブラウザーに読み込まれません (レイアウトの読み込みエラー)。メモ化が解決策かもしれませんが、私が見たすべての例は、これとは微妙に異なっているように見えるため、どのように使用できるかわかりません。非表示の div の使用は、私にはちょっとしたハックのように思えますが、plotly ヘルプ ページで推奨されています。

私の質問は、文字列や配列よりも複雑なデータ構造を使用してダッシュでグローバル変数を作成および更新するにはどうすればよいですか?

tools.make_subplots メソッドを使用せずに、1 つの html ページに複数のプロットをプロットしたいと考えています。（読みにくいことがわかり、各サブプロットパネルに一意の凡例とレイアウトが必要なため、使用したくありません）。

独自のレイアウトを持つ 2 つの図を定義し、ページ上で任意に配置したいと考えています。html.Div オブジェクトを使用してダッシュでこれを行う方法を知っていると思いますが、プロットのみを使用してこれを行う簡単な方法があるかどうか疑問に思っていましたか?

Plotly左側がテキストで、スライダーの選択で変化し、右側がチャートであるレポートを何とか作成できますか? dashあまり使わない方javascriptが好ましいです。

次のようになります。