Подгонка диаграмм по столбцам для создания спарклайн-диаграммы - PullRequest
Новая
       4

Подгонка диаграмм по столбцам для создания спарклайн-диаграммы

0 голосов
/ 11 марта 2020

Я пытаюсь создать несколько кривых спарклайнов, но я не могу правильно вписать их в свои столбцы, и я не могу понять, что я делаю неправильно, поскольку я получаю следующий результат, который опускает мои сюжетные диаграммы : enter image description here Большое спасибо

Вот MRE для этого изображения 

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
from plotly.subplots import make_subplots

large_rockwell_template = dict(
    layout=go.Layout(title_font=dict(family="Rockwell", size=24))
)

fig = make_subplots(rows=2, cols=1)

fig.add_trace(
    go.Bar(x=[1, 2, 3], y=[2, 52, 62], name="yaxis data"),
    row=1, col=1)

fig.add_trace(
    go.Bar(x=[1, 2, 3], y=[2, 52, 62], name="yaxis data"),
    row=2, col=1)

fig.update_layout(
    xaxis={
       'title': 'Column',
       'zeroline': False,
       'showgrid': False},
    yaxis={
       'showgrid': False,
       'showline': False,
       'zeroline': False,
       'scaleratio': 0.5},    
    template=large_rockwell_template
)
fig.update_xaxes(visible=False, showgrid=False, zeroline=False)
fig.update_yaxes(visible=False, showgrid=False, zeroline=False)

app.layout = html.Div([html.Div([
                                html.Div([
                                    html.H3('Column 1'),
                                    dcc.Graph(id='g1', figure=fig)
                                ], style={'display': 'inline-block','padding':300,'margin':50,'textAlign':'center'}),

                                html.Div([
                                    html.H3('Column 2'),
                                    dcc.Graph(id='g2', figure=fig)
                                ], style={'display': 'inline-block','padding':300,'textAlign':'center'}),
                            ])
                       ])
if __name__ == '__main__':
    app.run_server(debug=True)

1 Ответ

0 голосов
/ 13 марта 2020

Если вы ищете что-то подобное, ниже приведен код.

enter image description here

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
from plotly.subplots import make_subplots

app = dash.Dash(__name__)

app.layout = html.Div([html.Div([
                                html.Div([
                                    html.H3('Column 1'),
                                    dcc.Graph(id='g1', 
                                              figure={
                                                        'data': [
                                                            {'x': [1, 2, 3], 'y': [2, 52, 62] , 'type': 'bar','name': 'yaxis data'},
                                                            {'x': [1, 2, 3], 'y': [2, 52, 62] , 'type': 'bar','name': 'yaxis data'},
                                                        ],
                                                    }
                                              ),
                                    dcc.Graph(id='g2-sparkline', 
                                              figure={
                                                        'data': [
                                                            {'x': [1, 2, 3], 'y': [2, 52, 62] , 'type': 'line','name': 'yaxis data'},
                                                        ],
                                                        'layout': {
                                                            'height': 225,
                                                        }
                                                    }
                                              ),

                                ], style = {'display': 'inline-block', 'width': '20%'}) ]) ])

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