Altair日期X轴双轴柱状折线图标签截断及空日期显示问题求助

问题1：X轴末尾日期标签被截断 #

可任选以下两种方案解决：

• 给图表右侧添加额外内边距，为末尾标签留出展示空间：在properties配置中添加padding={"right": 20}，数值可根据标签长度自行调整
• 配置X轴不限制标签长度，避免自动截断：全局添加configure_axisX(labelLimit=0)配置

问题2：隐藏无数据的空白日期 #

当前X轴使用的是连续时间类型T，这类轴默认会按照时间连续性自动补全所有间隔日期，因此会出现无数据的空白区间。要解决该问题，只需将X轴类型修改为序数类型O，此时图表会将每个存在的日期当作独立分类展示，不会自动补全缺失日期。
如果需要保留原时间轴的日期显示格式，可以搭配Altair的时间转换函数使用，比如monthdate(reportday):O，输出的标签格式和原时间轴完全一致。

修改后可用代码示例 #

import pandas as pd
import altair as alt

df = pd.DataFrame({
    'reportday': ['2021-11-08', '2021-11-09', '2021-11-10', '2021-11-11','2021-11-12', '2021-11-15','2021-11-16', '2021-11-17', '2021-11-18','2021-11-19'],
    'price': [328.0, 310.0, 301.0, 3330.0, 3278.0, 3200.0, 2189.0, 1701.0, 1698.0, 1703.0],
    'production': [24.75, 16.30, 14.77, 14.10, 27.70, 26.70, 29.05, 19.58, 24.88, 17.35]
})
df['reportday'] = pd.to_datetime(df['reportday'])    

# X轴改为序数类型，解决空白日期问题，用monthdate转换保留日期格式
base = alt.Chart(df).encode(
    x=alt.X('monthdate(reportday):O', 
            axis=alt.Axis(labelAngle=325), 
            title='reportday')
)
line = base.mark_line(color='red').encode(
    y=alt.Y('price:Q', axis=alt.Axis(grid=True))
)
bar = base.mark_bar().encode(
    y='production:Q'
)

# 添加右侧padding解决标签截断问题
c = (line + bar).resolve_scale(y='independent').properties(
    width=600,
    padding={"right": 20}
)

# 可选配置：完全取消X轴标签长度限制，避免任何截断
# c = c.configure_axisX(labelLimit=0)

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