vega-lite - 将图表标题与 y 轴上数字的左侧对齐

Question

我正在尝试制作符合我们内部准则的 Altair 主题。我发现这很棒article这解决了我的大部分问题。但是，无论是文章还是搜索文档都没有解决图表标题与y轴上数字左侧对齐的问题。 See the dotted line in Urban institute's theme for visual explanation .问题是我不知道 y 轴上最长数字的宽度。我发现的解决方案只是为数字的预期宽度硬编码一个偏移量。但是，我必须制作一个在所有情况下都自动符合标准的主题。欢迎提供可能解决方案的提示。我会试用它们并发布结果。

Answer 1

此处列出了 Altair/Vega-Lite 的可用标题对齐设置:https://vega.github.io/vega-lite/docs/title.html#params

最接近您期望的是在标题配置中设置 anchor='start':

import altair as alt
from vega_datasets import data
cars = data.cars()

alt.Chart(cars).mark_bar().encode(
  x=alt.X('Miles_per_Gallon', bin=True),
  y='count()',
).properties(
    title='A bar chart'
).configure_title(
    anchor='start'
)

不幸的是，在 Vega-Lite 模式中没有比这更精细地控制对齐方式的方法。如果这对您使用 Altair/Vega-Lite 很重要，我建议打开一个 Vega-Lite feature request .