Python中使用Altair添加第三个独立Y轴避免重叠的方法咨询

解决方案 #

Altair默认所有独立Y轴的偏移量为0，多个轴同时放在右侧时会完全重叠，只需要给每个Y轴设置不同的offset参数手动调整水平偏移距离，同时调整画布右侧内边距避免轴被截断，即可实现多Y轴错开排列的效果。

以下是适配你的需求的完整实现代码：

import altair as alt

base = alt.Chart(df).encode(alt.X('time'))

# 第一个Y轴：price 绿色折线，放在左侧
a = base.mark_line(opacity=0.6).encode(
    alt.Y('price', 
          axis=alt.Axis(title='price', titleColor='green', orient='left')),
    color=alt.value('green')
)

# 第二个Y轴：markout 蓝色散点，放在右侧默认偏移位
b = base.mark_point(opacity=0.6).encode(
    alt.Y('markout', 
          axis=alt.Axis(title='markout', titleColor='blue', orient='right', offset=0)),
    color=alt.value('blue')
)

# 第三个Y轴：size 浅灰色折线，放在右侧偏移60的位置，偏移数值可自行调整
c = base.mark_line(opacity=0.6).encode(
    alt.Y('size', 
          axis=alt.Axis(title='size', titleColor='lightgrey', orient='right', offset=60)),
    color=alt.value('lightgrey')
)

# 叠加图层+设置Y轴独立分辨率+调整右侧内边距给第三个轴预留空间
alt.layer(a, b, c).resolve_scale(
    y='independent'
).configure_view(
    padding={'right': 80}
)

相关参数说明：

• offset：控制Y轴和图表主体边缘的水平距离，数值越大轴越靠外侧，三个轴的offset数值只要不相等即可避免重叠
• configure_view(padding={'right': xxx})：调整画布右侧的预留空白，数值需要大于最大的offset值，避免最外侧的Y轴被画布截断
• 你可以根据自己的轴标签长度、字号调整偏移数值，只要保证三个轴完全错开即可

内容的提问来源于stack exchange，提问作者Cecily Mag