ダッシュプロットでドロップダウンリストがクリアされているとグラフを表示できません

ゼスラ

データセットからtotal_billvsの散布図を表示するダッシュアプ​​リを作成しました複数の日を選択できるドロップダウンメニューがあるので、選択した日で散布図に色を付けることができます。tiptipsdays

ドロップダウンから何も選択されていない場合、散布図はすべての日で色付けされます。ドロップダウンで1日または複数日を選択すると、選択した日だけで散布図に色が付けられます。

私のアプリコードは以下の通りです。問題は、ドロップダウンをクリアすると、グラフも空になることです。それは、すべての日によって色付けされた散布図を示すことになっています。

なぜそれが起こるのか誰かが知っていますか?どうすれば問題を解決できますか。私はこれに何時間も費やしていますが、解決策を見つけることができません。

よろしくお願いします。

import dash
from dash.dependencies import Input, Output
import dash_html_components as html
import dash_core_components as dcc
import seaborn as sns
import plotly_express as px

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

# load dataset
tips = sns.load_dataset("tips")
days = ['Thur', 'Fri', 'Sat', 'Sun']
#layout
app.layout = html.Div([
    html.P('select days'),
    dcc.Dropdown(
        id='days',
        options= [{'label': k, 'value':k} for k in days],
        value = None,
        multi=True),
    dcc.Graph(id="graph")
])

#funtion to plot tips scatter plot
def plot_tips(data=tips, days=None):
    if days is not None:
        data=data[data.day.isin(days)]
    fig = px.scatter(data, x='total_bill', y='tip', color='day')
    return (fig)

#callback 
@app.callback(
    Output('graph', "figure"),
    [Input('days', 'value') ] )
def make_figure(days):
    fig = plot_tips(data = tips, days= days)
    return (fig)


if __name__ == '__main__':
    app.run_server(debug=True)
トニー

これは次のようになります(Dash v1.6.0):

import dash
import dash_html_components as html
import dash_core_components as dcc
import seaborn as sns
import plotly.express as px

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

tips = sns.load_dataset("tips")
all_days = ['Thur', 'Fri', 'Sat', 'Sun']

app.layout = html.Div([
    html.P('select days'),
    dcc.Dropdown(
        id='days',
        options= [{'label': k, 'value':k} for k in all_days],
        value = None,
        multi=True),
    dcc.Graph(id="graph")
])

def plot_tips(data=tips, days=None):
    if days is not None:
        data=data[data.day.isin(days)]
        fig = px.scatter(data, x='total_bill', y='tip', color='day')
    else:
        data=data[data.day.isin(all_days)]
        fig = px.scatter(data, x='total_bill', y='tip', color='day')
    return (fig)

@app.callback(
    dash.dependencies.Output('graph', "figure"),
    [dash.dependencies.Input('days', 'value') ] )
def make_figure(days):
    fig = plot_tips(data = tips, days= days)
    return (fig)

if __name__ == '__main__':
    app.run_server(debug=True)

色は動的に割り当てられ、一貫性がないことに注意してください。たとえば、すべての色が表示されている場合は木曜日は緑ですが、単独で選択すると青になります。これは直感的ではなく、改善される可能性があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

ドロップダウンリストが選択されている場合、グリッドビューの更新を防ぐことはできません

ボタンのドロップダウンリストをクリックすると、アラートダイアログが表示されます

Ionic3-グーグルマップの上に表示されているアラートダイアログをクリックできません

ドロップダウンセレクターを使用してダッシュアプリのグラフを更新できません

ブートストラップドロップダウンクラスがドロップダウンメニューを表示できません

getActivity()がnullを返す、まだアタッチされていないビューまたはフラグメントでロードを開始することはできません。アダプタークラス

選択タグのデフォルトアイコンを置き換えてドロップダウンアイコンをクリックしても、ドロップダウンリストにデータが入力されません

ドロップダウンリストでJavaScript関数を機能させることができません

アップグレード後、プロジェクトはリソースファイルRを見つけることができませんでしたが、アプリを実行してもエラーは表示されません。の解き方

アプリはモーダルで表示されませんが、「アプリケーションがアクティブなコントローラーをモーダルで表示しようとしました」でクラッシュします

フラッシュはフロントカメラではサポートされていませんが、ストックカメラアプリはフロントカメラでフラッシュをサポートしています

WPFデスクトップブリッジのアウトプロセスバックグラウンドタスクがドキュメントフォルダーにアクセスできません

カピバラはドロップダウンリストを見つけることができません

ドロップダウンメニューからログアウトをクリックすると、セッション変数が破棄されます

ブートストラップドロップダウンメニューを左にフロートさせることはできません

ブートストラッププロパティが適用されているため、グリッドビューのヘッダーを中央に揃えることができません

ドロップダウンメニューにすべてのリンクが表示されるわけではなく、cssソーシャルメディアアイコンの色を変更することはできません

ドロップダウンリストアイテム内のチェックボックスをクリックしているときにドロップダウンメニューが非表示にならないようにするにはどうすればよいですか?

ビューに表示する写真アップロードインテントを処理できるアプリのリストを取得します(下部シートビュー、ダイアログ、ダイアログフラグメント)

ビューコントローラをモーダルで表示しているときにアプリケーションがクラッシュする

macOSストアサンドボックスアプリはNSOpenPanelを使用してダウンロードファイルフォルダーを選択しますが、フォルダーに再度アクセスすることはできません

swiftUIでモーダルトランジションポップアップが表示されているときに、ユーザーがバックグラウンドビューを操作するのをブロックするにはどうすればよいですか?

ドロップダウンリストに表示されているがボックスには色付けされていないオプションのテキストの色を選択します。このオプションはIE9では機能しますが、Chromeでは機能しません。

ボタンをクリックすると、すべてのグリッドドロップダウンリストアイテムが更新されます

ドロップダウンリストが表示されない、ブートストラップとGoogle Appsスクリプト、ドロップダウンがスプレッドシートから入力される

ドロップダウンメニューをブートストラップで機能させることができません

プロセスがバックグラウンドで実行されているときに表示されるKivyをポップアップします

Asp .netドロップダウンリストSelectedItemは、ドロップダウンリストでクリアした後も変更されません

undefined のプロパティ 'undefined' を読み取れませんか? 番号を最初のドロップダウン リストにプッシュするにはどうすればよいですか? Javaスクリプトを使用していますか?

TOP 一覧

  1. 1

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  2. 2

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  3. 3

    Ansibleで複数行のシェルスクリプトを実行する方法

  4. 4

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  5. 5

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  6. 6

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  7. 7

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  8. 8

    Chromeウェブアプリのウェブビューの高さの問題

  9. 9

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  10. 10

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  11. 11

    Reactでclsxを使用する方法

  12. 12

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  13. 13

    MLでのデータ前処理の背後にある直感

  14. 14

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  15. 15

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  16. 16

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  17. 17

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  18. 18

    テキストフィールドの値に基づいて UIslider を移動します

  19. 19

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  20. 20

    PowerShellの分割ファイルへのヘッダーの追加

  21. 21

    ソートされた検索、ターゲット値未満の数をカウント

ホットタグ

アーカイブ