如何在使用Python的绘图仪表板应用程序中显示JSON转储?

时间:2018-10-23 07:21:28

标签: python json web-applications plotly plotly-dash

我下面的visualize函数生成了一个JSON转储(简化):

def visualize(e):
    return ArrayVisualizer(e).html()

class ArrayVisualizer:
    def __init__(self, arr):
        ### the computation steps

    def html(self):
        return json.dumps(self.data)

@app.callback(
    dash.dependencies.Output('output-container', 'children'),
    [dash.dependencies.Input('options-dropdown', 'value')])
def update_output(selected_option):
    data = pd.read_csv('dataset.csv')
    fig = visualize(data)
    return html.Div(fig)

自从我return json.dumps(self.data)以来,它在网络应用上显示如下:

enter image description here

但是它应该看起来像这样:

enter image description here

我尝试过:

@app.callback(
    dash.dependencies.Output('output-container', 'children'),
    [dash.dependencies.Input('options-dropdown', 'value')])
def update_output(selected_option):
    data = pd.read_csv('dataset.csv')
    fig = visualize(data)
    return dcc.Graph(
            id='plotly-graph',
            figure={
                'data': fig
            }
        )

但是这将返回一个空白的数字: enter image description here

如何获取将JSON转储呈现为该交互式图形?

0 个答案:

没有答案