Plot.ly/Dash: убрать все отступы вокруг маркера - PullRequest
Новая
       11

Plot.ly/Dash: убрать все отступы вокруг маркера

0 голосов
/ 07 ноября 2018

Справочная информация: У меня есть диаграмма с маркерами в моем приложении, и я бы хотел, чтобы она была "встроенной". Таким образом, я хочу отобразить минимум информации.

Я очень упростила это: без заголовка, без легенды, без интерактивных кнопок.

Проблема: Тем не менее, все еще есть большие верхние и нижние прокладки, от которых я не могу избавиться.

В настоящее время это выглядит так: enter image description here

… и мне бы хотелось, чтобы это выглядело так: enter image description here

(работает с теми же настройками на базовой гистограмме, как показано в MWE)

Вопрос:

Как убрать верхний и нижний отступы в таблице выше?

MWE: 

import dash
import dash_html_components as html
import dash_core_components as dcc
import plotly.figure_factory as ff

app = dash.Dash(__name__)

app.layout = html.Div(
    [
        html.Div(
            [
                html.Span('Foo |'),
                dcc.Graph(
                    id='example-graph',
                    figure=dict(
                        data=[
                            {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                            {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
                        ],
                        layout=dict(
                            paper_bgcolor='#fcc',
                            height='42px',
                            margin=dict(
                                t=0,
                                r=0,
                                b=0,
                                l=0,
                            ),
                        ),
                    ),
                    style=dict(
                        border='solid 2px red'
                    ),
                    config=dict(
                        displayModeBar=False
                    ),
                ),
            ],
            style=dict(
                display='flex',
                margin='10px',
            )
        ),
        html.Div(
            [
                html.Span('Bar |'),
                dcc.Graph(
                    id='bullet-chart',
                    figure=ff.create_bullet(
                        orientation='h',
                        ranges='range',
                        measures='data',
                        data=[dict(
                            range=[.4, .5, 1],
                            data=[0, .42],
                        )],
                        paper_bgcolor='#fcc',
                        margin=dict(
                            t=0,
                            r=0,
                            b=0,
                            l=0,
                        ),
                        title=None,
                        width=500,
                        height=210,
                        hovermode=False,
                    ),
                    style=dict(
                        border='solid 2px red'
                    ),
                    config=dict(
                        displayModeBar=False
                    ),
                ),
            ],
            style=dict(
                display='flex',
                margin='10px',
            )
        )
    ]
)

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