Bokeh:2つのインタラクティブウィジェットを使用してCustomJSでデータセットをフィルタリングする

さくら

2つのSelectウィジェットの値に基づいてデータをフィルタリングしたいと思いますここでsource['level'] == levelsource['country'] == country

CustomJSを使用して、を使用してlevelフィルターを機能させることができましたcb_obj

ただしcb_obj、それをトリガーしたウィジェットのみを参照します。コールバック関数で他の選択ウィジェットの値を取得するにはどうすればよいですか?

私もCustomJSに固執する必要があります、ありがとう!

サンプルコード:

# Level
level = Select(title="Level:", value='All Levels', options=['All Levels', '1', '2', '3'], callback=callback)

# Country
country = Select(title="Country:", value='All Countries', options=['All Countries', 'US', 'UK', 'CAN'], callback=callback)

callback = CustomJS(args=dict(source=source, ts=true_source), code="""
    var df = source.data;
    var data = ts.data;
    var data_level = data['Level'];

    var l=cb_obj.value;

    var data_x = data['x'];
    var data_y = data['y'];

    var x=[];
    var y=[];

    for (var i=0;i<data_level.length; i++){

        // Here: I want to add (Level) and (Country) filters
        // But I'm not sure how to reference Country widget value
        if(l=='All Levels' || data_level[i]==l){
            x.push(data_x[i]);
            y.push(data_y[i]);}}

    df['x'] = [];
    df['y'] = [];

    df['x'] = x;
    df['y'] = y;

    source.change.emit();
"""
トニー

次のSelectように、両方のウィジェットをコールバックに明示的に渡すことができます。

callback = CustomJS(args=dict(source = source, 
                              ts = true_source, 
                              level = level,
                              country = country), code=code)

その後、代わりにcb_obj.valueあなたの使用して値を取得する:level.valuecountry.value

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Bokehドロップダウンウィジェット/ CustomJSを使用してデータフレームをフィルタリングする

分類Dev

データ属性でオブジェクトをフィルタリングし、使用するたびにフィルターをリセットします

分類Dev

gridviewのkartikSelect2ウィジェットでデータをフィルタリングする

分類Dev

パネルウィジェットを使用してHoloviews画像をインタラクティブに更新する

分類Dev

Springを使用しているときに、チェックスタイルメッセージ「ユーティリティクラスにデフォルトのパブリックコンストラクターを含めることはできません」を抑制する方法

分類Dev

いくつかのトグルボタンを使用してリストボックスでフィルターをアクティブ化する

分類Dev

セキュリティグループを使用してAWSEC2インスタンスからのすべてのアウトバウンドトラフィックを拒否するにはどうすればよいですか?

分類Dev

CKEditor-2つのエディターで高度なコンテンツフィルターとウィジェットを一緒に使用する方法

分類Dev

インタラクティブなウィジェットでBokehを実行する

分類Dev

jupyterノートブックのbokehを使用して、複数選択ウィジェットをデータテーブルにリンクするにはどうすればよいですか?

分類Dev

再帰を使用してJavaScriptでオブジェクトデータをフィルタリングする

分類Dev

SQLで2つのデータセットをフィルタリングして集約します

分類Dev

lodashを使用して単一のプロパティでオブジェクトの2つの配列をフィルタリング/比較する方法は?

分類Dev

エクセルデータでエクセルvbaを使用してウェブサイトを検索し、検索結果のフローチャートでアクティブ状態を抽出し、それを列にマッピングします

分類Dev

c#データセットへのDatagridviewバインドをフィルタリングする方法-アクセントインセンティブ

分類Dev

インタラクティブウィジェット(Python)を使用してJupyterノートブックで変数名を定義する方法

分類Dev

インデックス以外の列でxtsオブジェクトをフィルタリングする方法

分類Dev

オブジェクトの配列をインデックスでフィルタリングする

分類Dev

ブールインデックス配列を使用してリストをフィルタリングする

分類Dev

オンプレミスのデータゲートウェイトラフィックをサイト間VPN経由でルーティングする方法

分類Dev

SPARQLクエリを使用してグラフデータ内のさまざまなタイプのノードおよびエッジエンティティを一覧表示してカウントするにはどうすればよいですか?

分類Dev

ipywidgetsインタラクティブでウィジェットを配置する

分類Dev

パラメータを使用してデータセットをフィルタリングする方法は?

分類Dev

特定のインターフェースを介してデーモンからのトラフィックをルーティングする

分類Dev

オブジェクトのフィールドを使用してArrayListをフィルタリングする

分類Dev

ReactでsetStateを使用してオブジェクトを更新する(ソリディティイベントフィルター)

分類Dev

1つのKubernetes入力オブジェクトを使用してトラフィックを異なるクラスター内のk8sサービスにルーティングすることは可能ですか?

分類Dev

Djangoクエリセット-最後の関連オブジェクトを取得し、そのデータでフィルタリングします

分類Dev

wgetなどのコマンドラインユーティリティを使用して、Googleクラウドストレージからパブリックデータディレクトリをダウンロードする

Related 関連記事

  1. 1

    Bokehドロップダウンウィジェット/ CustomJSを使用してデータフレームをフィルタリングする

  2. 2

    データ属性でオブジェクトをフィルタリングし、使用するたびにフィルターをリセットします

  3. 3

    gridviewのkartikSelect2ウィジェットでデータをフィルタリングする

  4. 4

    パネルウィジェットを使用してHoloviews画像をインタラクティブに更新する

  5. 5

    Springを使用しているときに、チェックスタイルメッセージ「ユーティリティクラスにデフォルトのパブリックコンストラクターを含めることはできません」を抑制する方法

  6. 6

    いくつかのトグルボタンを使用してリストボックスでフィルターをアクティブ化する

  7. 7

    セキュリティグループを使用してAWSEC2インスタンスからのすべてのアウトバウンドトラフィックを拒否するにはどうすればよいですか?

  8. 8

    CKEditor-2つのエディターで高度なコンテンツフィルターとウィジェットを一緒に使用する方法

  9. 9

    インタラクティブなウィジェットでBokehを実行する

  10. 10

    jupyterノートブックのbokehを使用して、複数選択ウィジェットをデータテーブルにリンクするにはどうすればよいですか?

  11. 11

    再帰を使用してJavaScriptでオブジェクトデータをフィルタリングする

  12. 12

    SQLで2つのデータセットをフィルタリングして集約します

  13. 13

    lodashを使用して単一のプロパティでオブジェクトの2つの配列をフィルタリング/比較する方法は?

  14. 14

    エクセルデータでエクセルvbaを使用してウェブサイトを検索し、検索結果のフローチャートでアクティブ状態を抽出し、それを列にマッピングします

  15. 15

    c#データセットへのDatagridviewバインドをフィルタリングする方法-アクセントインセンティブ

  16. 16

    インタラクティブウィジェット(Python)を使用してJupyterノートブックで変数名を定義する方法

  17. 17

    インデックス以外の列でxtsオブジェクトをフィルタリングする方法

  18. 18

    オブジェクトの配列をインデックスでフィルタリングする

  19. 19

    ブールインデックス配列を使用してリストをフィルタリングする

  20. 20

    オンプレミスのデータゲートウェイトラフィックをサイト間VPN経由でルーティングする方法

  21. 21

    SPARQLクエリを使用してグラフデータ内のさまざまなタイプのノードおよびエッジエンティティを一覧表示してカウントするにはどうすればよいですか?

  22. 22

    ipywidgetsインタラクティブでウィジェットを配置する

  23. 23

    パラメータを使用してデータセットをフィルタリングする方法は?

  24. 24

    特定のインターフェースを介してデーモンからのトラフィックをルーティングする

  25. 25

    オブジェクトのフィールドを使用してArrayListをフィルタリングする

  26. 26

    ReactでsetStateを使用してオブジェクトを更新する(ソリディティイベントフィルター)

  27. 27

    1つのKubernetes入力オブジェクトを使用してトラフィックを異なるクラスター内のk8sサービスにルーティングすることは可能ですか?

  28. 28

    Djangoクエリセット-最後の関連オブジェクトを取得し、そのデータでフィルタリングします

  29. 29

    wgetなどのコマンドラインユーティリティを使用して、Googleクラウドストレージからパブリックデータディレクトリをダウンロードする

ホットタグ

アーカイブ