在 Plotly Dash 图表中放置刻度标签 - Python

Question

在我的 Plotly Dash 环境中，我遇到了在图表内放置分类刻度标签的问题。

这是应用程序：

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


animals = ['giraffes', 'orangutans', 'monkeys']
fig = px.bar(x=[20, 14, 23], y=animals)
fig.update_layout(yaxis={'ticklabelposition': 'inside'})
fig.update_xaxes(range=[0, 50])

chart_bar = dcc.Graph(figure=fig)

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(children=chart_bar, md=6)],
        className='app-body')
        ],
)

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

这是结果

似乎 yaxis={'ticklabelposition': 'inside'} 不起作用

如果我在应用程序的外部执行相同的图表，它工作得很好。在这里，由完全相同的脚本生成。

似乎某些 Plotly 参数在 Dash 应用程序中不起作用。还是我错了？ 我错过了什么？有没有办法把标签放在里面，在条上？

Answer 1

似乎是某些 Plotly 版本的错误。我正在为 Plotly 版本 5.1.0 和 5.2.2 运行您的确切代码，并在 Dash 应用程序中获得这些结果：

情节 1 - Plotly 5.1.0:

情节 2 Plotly 5.2.2:

但是，在 Dash 之外运行相同的代码时，我没有收到 Plot 1。所以我怀疑原因是 Dash 和 Plotly 之间的混合版本。

如果需要进一步调查，请提供有关您的版本的信息。运行：

import dash
import plotly

print(dash.__version__)
print(plotly.__version__)