Altair 5.5折线图末尾值标签重叠：如何解决？

当用Altair 5.5绘制折线图，锚定末尾数值的标签因位置相近出现重叠时，试试下面几种解决方法：

方法一：用内置的transform_adjust_text自动调整 #

Altair自带文本重叠调整的变换，能自动优化标签位置，不用手动设置偏移。修改标签部分的代码即可：

import altair as alt
from vega_datasets import data

source = data.stocks()

chart = alt.Chart(source).transform_filter(
    alt.datum.symbol != "IBM"
).encode(
    alt.Color("symbol").legend(None)
)

line = chart.mark_line().encode(
    x="date:T",
    y="price:Q"
)

# 添加transform_adjust_text处理重叠
label = chart.encode(
    x='max(date):T',
    y=alt.Y('price:Q').aggregate(argmax='date'),
    text='symbol'
).transform_adjust_text(
    method='greedy',  # 可选simulated_annealing，效果更优但稍慢
    avoidMarks=True,  # 避免和其他标记（比如圆圈）重叠
    dx=4  # 保持原有的水平偏移
)

text = label.mark_text(align='left')
circle = label.mark_circle()

line + circle + text

方法二：手动给标签设置偏移量 #

如果数据集是固定的，能明确每个类别，可以直接给不同标签设置不同的垂直/水平偏移，精准控制位置：

import altair as alt
from vega_datasets import data

source = data.stocks()

chart = alt.Chart(source).transform_filter(
    alt.datum.symbol != "IBM"
).encode(
    alt.Color("symbol").legend(None)
)

line = chart.mark_line().encode(
    x="date:T",
    y="price:Q"
)

label = chart.encode(
    x='max(date):T',
    y=alt.Y('price:Q').aggregate(argmax='date'),
    text='symbol',
    # 根据symbol设置不同的垂直偏移
    dy=alt.Dy('datum.symbol == "AAPL" ? -12 : datum.symbol == "AMZN" ? 12 : datum.symbol == "MSFT" ? -6 : 6')
)

text = label.mark_text(align='left', dx=4)
circle = label.mark_circle()

line + circle + text

方法三：错开标签的x轴位置 #

把标签在x轴方向上稍微错开，避免挤在同一竖线位置，也能缓解重叠：

import altair as alt
from vega_datasets import data

source = data.stocks()

chart = alt.Chart(source).transform_filter(
    alt.datum.symbol != "IBM"
).encode(
    alt.Color("symbol").legend(None)
)

line = chart.mark_line().encode(
    x="date:T",
    y="price:Q"
)

label = chart.encode(
    # 给不同symbol设置不同的x轴偏移
    x=alt.X('max(date):T').offset(alt.expr.switch(
        alt.expr.datum.symbol == "AAPL", -8,
        alt.expr.datum.symbol == "AMZN", 8,
        alt.expr.datum.symbol == "MSFT", -4,
        4
    )),
    y=alt.Y('price:Q').aggregate(argmax='date'),
    text='symbol'
)

text = label.mark_text(align='center')  # 调整对齐方式适配偏移
circle = label.mark_circle()

line + circle + text

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