javascript - 结合 vegalite 中传说的形状和颜色

Question

我试图让我的折线图的图例采用我创建的一组颜色和形状（而不是红点和三角形，使其成为红色三角形）。它在创建单个图表时起作用，但是当我将图表与另一个图表水平连接时，图例开始覆盖并变得难以辨认。知道为什么吗？

      vl.color().fieldN('ProblemType').scale(colors).legend({orient: 'top-left'}),
      vl.shape().fieldN('ProblemType').scale(shapes).legend({orient: 'top-left'})

标签： javascriptvisualizationvega-lite

Answer 1

在大多数情况下，Vega-Lite 会自动组合颜色和形状图例。例如（维加编辑器）：

{
  "data": {"url": "data/cars.json"},
  "mark": "point",
  "encoding": {
    "color": {"field": "Origin", "type": "nominal"},
    "shape": {"field": "Origin", "type": "nominal"},
    "x": {"field": "Miles_per_Gallon", "type": "quantitative"},
    "y": {"field": "Horsepower", "type": "quantitative"}
  }
}

如果您看到不同的结果，我建议您分享一个重现您所看到问题的最小示例：如果没有，很难提供任何具体建议。