Блог

Я пытаюсь построить гистограмму с некоторыми опорными линиями.

 animals=['giraffes', 'orangutans', 'monkeys']

fig = px.bar(x=[20, 14, 23], y=animals, orientation='h')
fig.add_vline(x=10, y1=0.33)
fig.add_vline(x=15, y0=0.33, y1=0.66, line_dash="dot")
fig.show()
 

вот результат

Но когда я делаю то же самое, что и уайтинг, опорные линии приложения Dash исчезают. Результат:

ОБНОВЛЕНИЕ: Благодаря вопросу от @vestland я понял, что причина кроется в шаблоне, который я использовал. Вот код для приложения:

 import dash
import dash_core_components as dcc
import dash_html_components as html
import dash_bootstrap_components as dbc
import plotly.express as px

import plotly.io as pio
pio.templates.default = "simple_white"

animals = ['giraffes', 'orangutans', 'monkeys']
fig = px.bar(x=[20, 14, 23], y=animals, orientation='h')
fig.add_vline(x=10, y0=0, y1=0.33,)
fig.add_vline(x=15, y0=0.33, y1=0.66, line_dash="dot")
chart_bar = dcc.Graph(figure=fig, config={'displaylogo': False})

app = dash.Dash(__name__,
                external_stylesheets=[dbc.themes.BOOTSTRAP],
                meta_tags=[{"name": "viewport",
                            "content": "width=device-width, initial-scale=1"}])

app.layout = html.Div([
    dbc.Row([dbc.Col(html.Div(id='benchmark-chart', children=chart_bar), md=6),
             dbc.Col(html.Div(id='spider-chart'), md=6)],
            className='app-body',
            style={'margin-top': '20px'})
            ],
)

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

когда прокомментируете эту часть

 import plotly.io as pio
pio.templates.default = "simple_white"
 

проблема исчезла, опорные линии вернулись.

Кто-нибудь сталкивался с чем-то подобным? Почему это происходит? Как отобразить опорные линии с помощью шаблона?

Спасибо!