Plotly / Dash：多个过滤器

Question

我想实现一些数据过滤器来按照某些标准预选数据。这些滤波器应该是图表本身，即饼图（例如，可以选择大陆的地方）和时间线（例如，可以选择时间跨度）。最重要的是，我需要从多个图表中应用多个过滤器，而不是每次我通过选择另一个图表进行过滤来重置它们。

但是，我不知道如何实现这一点。我使用dash.dependencies.Events找到了一些旧东西，但不再支持了。

每当我按照图A中的标准进行过滤，然后想要按照图B中的另一个标准进行过滤时，图A就会被重置。

由于这可能是许多人遇到的情况，并且由于破折号似乎本身不支持这种情况，我想问一下是否有人对此有解决方法？

//编辑：这是一个简单的例子。我可以点击上面条形图上的数据点进行过滤。但每当我点击下面折线图上的某个点时，它会重置条形图中的设置。我想保留两者。

import datetime

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly
from dash.dependencies import Input, Output

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

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div([
        dcc.Graph(id='graph')
    ])

# Multiple components can update everytime interval gets fired.
@app.callback(Output('graph', 'figure'),
              [Input('graph', 'selectedData')])
def update_graph_live(input):
    print(input)
    data = {
        'x': [1,2,3,4,5],
        'y': [1,2,3,4,5],
        'a': [0,-1,-2],
        'b': [100,101,102]
    }

    # Create the graph with subplots
    fig = plotly.tools.make_subplots(rows=2, cols=1, vertical_spacing=0.2)
    fig['layout']['margin'] = {
        'l': 30, 'r': 10, 'b': 30, 't': 10
    }
    fig['layout']['legend'] = {'x': 0, 'y': 1, 'xanchor': 'left'}
    fig['layout']['clickmode'] = 'event+select'

    fig.append_trace({
        'x': data['x'],
        'y': data['y'],
        'name': 'xy',
        'type': 'bar',
    }, 1, 1)
    fig.append_trace({
        'x': data['a'],
        'y': data['b'],
        'name': 'ab',
        'mode': 'lines+markers',
        'type': 'scatter'
    }, 2, 1)

    return fig


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

Answer 1

现在看来你的问题是在graph组件的图形中的任何图形中选择数据，即函数的输出，触发输入（graph，'selectedData'）到同一个函数！

所以你需要做的是将图形分离成单独的dcc.Graph事物并使用dash.dependencies.State来监听和维护每个图形的selectedData属性。

Answer 2

谢谢您的回答。我设法找到了解决方法。

首先，正如@russellr所提到的，dash.dependencies.State可以通过，但它不会触发回调。我希望在多个过滤器上触发回调，而不会相互重置。

现在，对于Dash中的好人来说，禁用此重置将启用无限循环，因此在禁用它时有很多意义。

我这样做的方式是我引入了用于过滤的Dropdown列表，并且回调仅从Dropdown的value到图的figure。

我在下拉列表中选择多个条件，从中获取（非交互式）可视化。它可能不是很漂亮，但应用程序仍然有很好的可用性反馈。