Vega Lite 的 Faceting 问题 Javascript API

Question

我正在尝试使用 Vega Lite 中的分面将斜率图转换为多个单线图。我制作了一个 Observable notebook 来显示我的数据和代码：https://observablehq.com/@mavromatika/faceting .

当我添加注释行时，它会抛出一个关于 "t [not being] defined" 的模糊错误。我的数据格式化方式有问题吗？

Answer 1

您不能在层 (https://vega.github.io/vega-lite-api/api/layer#layer) 内使用行、列或分面编码。尝试将层包裹在一个 facet 运算符中。你可以在 vega-lite-api 中这样做：

    {  const lines = vl.markLine()
                      .encode(
                        vl.y().fieldN('a'),
                        vl.x().fieldQ('v'),
                        vl.color().fieldN("p")
                      );

      return vl.layer(lines,
                     lines.markCircle())
        .facet({row: vl.fieldN("p")})
        .data(data)
        .render();
    }

查看此可观察对象 (https://observablehq.com/d/807e861358981da4) 进行演示。

Vega Lite 的 Faceting 问题 Javascript API

Faceting issue with Vega Lite Javascript API

vega-lite