vega-lite - 下载在 Observablehq 中呈现为 svg 的 vega-lite 图表

Question

我正在学习 Observablehq 和 Vega Lite。我创建了这个 observable：https ://observablehq.com/@mavromatika/untitled

我不明白为什么界面不允许我下载图表，既不是 SVG 也不是 PNG。我知道它应该可以工作，因为示例页面中的图表上都可以进行两种下载：https ://observablehq.com/@vega/vega-lite-api （仅在正确渲染时才能使用 SVG）。

一定有什么明显的东西在逃避我。

Answer 1

似乎这是一个错误，如果将宽度更改为 >= 500px，则会出现用于保存 SVG/PNG 的 UI 按钮。我会在论坛上报告

something = {
    const plot = vl.markBar()
                  .data(data)
                  .encode(
                    vl.x().fieldN("annee"),
                    vl.y().fieldQ("valeur"),
                    vl.color().fieldN("emission")
                  )
                  .width(500)
                  .height(500)
                  .autosize({type: 'fit-x', contains: 'padding'})

      return plot.render({renderer: 'svg'});
}