在Plotly图表标题中使用多个字体大小（Python）

Question

我有一个图表标题，使用换行符跨越了多行。

我希望将第一行后的所有内容使用较小的字体（实际上是副标题），但我无法想出一种方法来实现这一点。

在这里没有看到任何类似的问题。

import plotly.graph_objs as go
data=[]
layout = go.Layout(title='line1' + '<br>' +  'line2')
fig = go.FigureWidget(data=data, layout=layout)
fig

有任何想法都欢迎提出！

- Ads

Answer 1

是的，你可以像这样使用CSS和标签：

import plotly.graph_objs as go
data=[]
layout = go.Layout(title='line1' + '<br>' +  '<span style="font-size: 12px;">line2</span>')
fig = go.FigureWidget(data=data, layout=layout)
fig

- nicolaskruchten

---

这太棒了。完美地运作着。非常感谢您抽出时间来回复。 - Ads

有没有办法将这个放入我的style.css文件中？例如，.customTitle，并在整个项目中的多个图表中使用它？然后我可以用<span class=.customTitle>...</span>来访问它吗？ - undefined

Answer 2

您可以使用以下方法：

import plotly.express as px
import plotly.data as data

df = data.gapminder()

fig = px.histogram(df, x='continent')

fig.update_layout(
    height=400,
    title=dict(
        text='<b>Life Expectancy - Our World in Data</b>',
        x=0.5,
        y=0.95,
        font=dict(
            family="Arial",
            size=20,
            color='#000000'
        )
    ),
    xaxis_title="<b>Continent</b>",
    yaxis_title='<b>Average Age</b>',
    font=dict(
        family="Courier New, Monospace",
        size=12,
        color='#000000'
    )
)
fig.show()

]1

更新：2023年3月16日：

import plotly.express as px
import plotly.data as data

df = data.gapminder()

fig = px.histogram(df, x='continent')

fig.update_layout(
    height=400,
    title=dict(
        text='<b><span style="font-family: Courier New, Monospace; font-size: 30pt">Life Expectancy</span> - <span style="font-family: Cursive;"> Our World in Data</span></b>',
        x=0.5,
        y=0.95,
    ),
    xaxis_title="<b>Continent</b>",
    yaxis_title='<b>Average Age</b>',
    font=dict(
        family="Courier New, Monospace",
        size=12,
        color='#000000'
    )
)
fig.show()

- yoonghm

---

这个答案没有展示如何在同一个标题中使用多种字体大小，而这正是原帖提问的基础。 - KBurchfiel

请查看更新后的解决方案。 - yoonghm

感谢您的更新！现在已经回答了原始问题。 - KBurchfiel