Построение 3D-диаграммы в Da sh Plotly - PullRequest
Новая
       7

Построение 3D-диаграммы в Da sh Plotly

0 голосов
/ 10 января 2020

У меня есть некоторые трудности при создании 3D-диаграммы для моего приложения Da sh. Код не выдает никакой ошибки. Возвращает пустой 2D-график (даже не 3D-график).

Я проверил переменные z, x, y - они содержат правильные значения + форму. Фрагмент кода из Plotly , пример диаграммы "Передача данных x и y в 3D-график поверхности". Есть идеи, что мне не хватает? 

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Output
import plotly.graph_objects as go

app = dash.Dash()

app.layout = html.Div(children=[
    html.H1(children="My 3D Chart!"),
    dcc.Graph(
        id='my-graph'
    ),
    ])

@app.callback(Output('my-graph', 'figure'))

def create_chart():
    z = df_size_rolled.values
    sh_0, sh_1 = z.shape
    x, y = np.linspace(0, 1, sh_0), np.linspace(0, 1, sh_1)

    fig = go.Figure(data=[go.Surface(z=z, x=x, y=y)])

    return fig

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

Я тоже пытался, но не получилось: 

data=[go.Surface(z=z, x=x, y=y)]

return {'data': [data]}

Любая помощь очень ценится.

1 Ответ

0 голосов
/ 12 января 2020

Похоже, что свойство 'data' не требуется в Da sh. 

app = dash.Dash(__name__)

app.layout = html.Div([
    html.H1("3D Charts", style={"textAlign": "center"}),
    html.Div([html.Div([html.Span("Type Of Chart : ")], className="six columns",
                       style={"textAlign": "right", "padding-right": 30, "padding-top": 7}),
              html.Div([dcc.Dropdown(id='select-date', options=[{'label': i, 'value': i} for i in my_dates],
                                     value="2018-02-06")], className="six columns",
                       style={"width": "40%", "margin-left": "auto", "margin-right": "auto", "display": "block"}),
              ], className="row", style={"width": "80%"}),
    html.Div([dcc.Graph(id='my-graph')], className="row")
], className="container")

@app.callback(
    dash.dependencies.Output('my-graph', 'figure'),
    [dash.dependencies.Input('select-date', 'value')])
def update_graph(selected):
    global df_sliced

    df_sliced = df_size.loc[selected:selected]
    df_sliced = df_sliced.rolling(6).mean()
    df_sliced = df_sliced.dropna()

    trace2 = [go.Surface(
        z = df_sliced.values,

        colorscale='Rainbow', colorbar={"thickness": 10, "len": 0.5, "title": {"text": "Volume"}})]
    layout2 = go.Layout(
        title="Orderbook Structure " + str(selected), height=1000, width=1000, scene = dict(
                    xaxis_title='Order Level - Bid Side[0-9], Ask Side[10-19]',
                    yaxis_title='Time 08.00 until 22.00 (5Min Intervals)',
                    zaxis_title='Volume (Trailing Mean - 30Min)',
                    aspectmode='cube'),
        scene_camera_eye=dict(x=2, y=-1.5, z=1.25),
    )
    return {"data": trace2, "layout": layout2}

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