在 Plotly Python 中更改子图标题位置/方向

Question

我需要在 python 中以 plotly 更改子图标题，即将其旋转 90 度。我很努力，但没有成功。

这是我的代码

import plotly.offline as pyo
import plotly.graph_objs as go
from plotly import tools

trace1 = go.Bar(
    x=[1, 2, 3],
    y=[10, 11, 12]
)
trace2 = go.Bar(
    x=[1, 2, 3],
    y=[100, 110, 120],
)
trace3 = go.Bar(
    x=[1, 2, 3],
    y=[1000, 1100, 1200],
)

fig = tools.make_subplots(rows=1, cols=3,
                          shared_xaxes=True, shared_yaxes=True,
                          vertical_spacing=0.001,
                          subplot_titles = ('first_title', 'second_title', 'third_title'))

fig.append_trace(trace1, 1, 1)
fig.append_trace(trace2, 1, 2)
fig.append_trace(trace3, 1, 3)

fig['layout'].update(height=600, width=600, title='main_title')

pyo.plot(fig, filename='file.html')

所以，我想旋转'first_title'，'second_title'并'third_title'通过90度，使得它们不重叠对方。有没有可能解决这个问题？

Answer 1

您可以简单地在该pyo.plot(fig, filename='file.html')行之前添加此代码：

for annotation in fig['layout']['annotations']: 
    annotation['textangle']=-90

但是，这会导致子情节标题与主标题重叠，因此我建议您将其删除。这是最终的代码：

import plotly.offline as pyo
import plotly.graph_objs as go
from plotly import tools

trace1 = go.Bar(
    x=[1, 2, 3],
    y=[10, 11, 12]
)
trace2 = go.Bar(
    x=[1, 2, 3],
    y=[100, 110, 120],
)
trace3 = go.Bar(
    x=[1, 2, 3],
    y=[1000, 1100, 1200],
)

fig = tools.make_subplots(rows=1, cols=3,
                          shared_xaxes=True, shared_yaxes=True,
                          vertical_spacing=0.001,
                          subplot_titles = ('first_title', 'second_title', 'third_title'))

fig.append_trace(trace1, 1, 1)
fig.append_trace(trace2, 1, 2)
fig.append_trace(trace3, 1, 3)

fig['layout'].update(height=600, width=600, title='')

# rotate all the subtitles of 90 degrees
for annotation in fig['layout']['annotations']: 
        annotation['textangle']=-90

pyo.plot(fig, filename='file.html')

这就是你得到的：

Answer 2

这个答案链接到Can you alter a subplot title location inplotly? 它寻求正确对齐子图块的答案。

我在 2 x 2 网格上的子图标题上也遇到了类似的问题。答案很简单

fig.update_annotations(yshift=20)