如何创建行内 y 轴不同，列内和行内 y 轴相等的 Plotly facet 图表？

2024-03-11 13:07:40

Plotly 行内 y 轴不同，列内和行内 y 轴相等

前言

在 Plotly 中创建 facet 图表时，我们经常会遇到不同的情况，比如不同行或列需要不同的 y 轴范围。但是，如果这样做，可能会导致同一行内不同列的 y 轴范围不同，从而难以进行列之间的比较。本文将指导你如何在 Plotly 图表中实现行内 y 轴不同，列内和行内 y 轴相等的 facet 布局，从而解决此问题。

步骤指南

要实现这个目标，你需要执行以下步骤：

1. 取消链接 y 轴

首先，你需要使用 fig.update_yaxes(matches=None) 取消链接所有 y 轴。这将允许你对每个 y 轴进行独立的控制。

2. 设置行内 y 轴范围

接下来，你需要使用 fig.update_yaxes(row=n, range=[min_value, max_value]) 为每个行设置 y 轴范围。其中，n 是行的索引，min_value 和 max_value 是 y 轴的最小值和最大值。

3. 确保列内 y 轴相同

最后，你需要确保每一行中的所有列都有相同的 y 轴范围。你可以使用 fig.update_yaxes(row=n, scaleanchor="x", scaleratio=1) 来实现此目的。这将确保列内 y 轴的比例相同。

示例代码

下面的示例代码展示了如何实现上述步骤：

import plotly.graph_objects as go

# 创建一个带有行和列 facet 的数据
data = [
    go.Scatter(x=[1, 2, 3], y=[4, 5, 6], name="row 1, col 1"),
    go.Scatter(x=[1, 2, 3], y=[10, 12, 14], name="row 1, col 2"),
    go.Scatter(x=[1, 2, 3], y=[16, 18, 20], name="row 2, col 1"),
    go.Scatter(x=[1, 2, 3], y=[22, 24, 26], name="row 2, col 2"),
]

# 创建带有 facet 的 Plotly 图表
fig = go.Figure(data=data)

# 取消链接 y 轴
fig.update_yaxes(matches=None)

# 设置行内 y 轴范围
fig.update_yaxes(row=1, range=[0, 10])
fig.update_yaxes(row=2, range=[15, 25])

# 确保列内 y 轴相同
fig.update_yaxes(row=1, scaleanchor="x", scaleratio=1)
fig.update_yaxes(row=2, scaleanchor="x", scaleratio=1)

# 显示图表
fig.show()

常见问题解答

问：我可以将此方法用于所有类型的 Plotly facet 图表吗？

答：是的，此方法可以应用于所有类型的 Plotly facet 图表，包括条形图、折线图和散点图。
问：如果我想将整个图表缩放为相同的 y 轴范围，该怎么办？

答：你可以使用 fig.update_yaxes(range=[min_value, max_value]) 将整个图表缩放为相同的 y 轴范围。
问：为什么我需要取消链接 y 轴？

答：取消链接 y 轴将允许你对每个 y 轴进行独立的控制。如果不取消链接，则所有 y 轴将共享相同的范围。
问：如何设置不同行的不同 y 轴标题？

答：你可以使用 fig.update_yaxes(row=n, title="Title") 为每个行设置不同的 y 轴标题。其中，n 是行的索引，Title 是标题的文本。
问：是否有办法动态调整 y 轴范围？

答：是的，你可以使用 fig.update_yaxes(row=n, range=[min_value, max_value]) 来动态调整 y 轴范围。其中，n 是行的索引，min_value 和 max_value 是 y 轴的最小值和最大值。