如何自动保存具有精确外部尺寸的Altair可视化SVG文件？

• 先调整内边距，把图例等元素框进画布
  Altair默认内边距可能不够装下图例，得手动设padding参数，把轴标签、图例这些元素都塞进指定的宽高里。示例代码：

  import altair as alt
  from vega_datasets import data
  
  chart = alt.Chart(data.cars.url).mark_point().encode(
      x='Horsepower:Q',
      y='Miles_per_Gallon:Q',
      color='Origin:N'
  ).properties(
      width=600,
      height=400,
      # 按需调整边距，比如图例在右侧就加大right值
      padding={"left": 80, "top": 20, "right": 120, "bottom": 80}
  )
  

  边距数值得根据你图例的实际大小微调，确保它不会超出SVG的边界。

• 用vl-convert精确导出固定尺寸SVG
  先装vl-convert-python：

  pip install vl-convert-python
  

  导出时明确指定宽高，同时配合上面的内边距设置，保证最终SVG尺寸精准，字体也不会变形：

  from vl_convert import VegaLiteToSvg
  
  spec = chart.to_dict()
  # scale设为1.0，避免字体缩放异常；宽高和chart.properties里的保持一致
  svg_bytes = VegaLiteToSvg.convert(spec, scale=1.0, width=600, height=400)
  with open('chart_exact.svg', 'wb') as f:
      f.write(svg_bytes)
  

• 避免字体异常的核心：别用container模式，别事后缩放
  别把宽高设成container，这种自适应模式没法固定导出尺寸。直接在创建图表时就设好目标宽高，导出时scale保持1.0，这样字体大小会完全按照设计时的设定来，后续也不用缩放SVG导致字体变形。如果要调整整体大小，直接修改图表的width/height参数就行。

• 验证导出结果
  导出后可以用文本编辑器打开SVG，看根元素的width和height是不是和你设定的一致，再检查图例、标签有没有都在这个范围内。

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