Vega-lite中用于水平图例的换行

Question

有没有一种方法可以在图例中使用水平方向换行来制作标签？ 我用汽车数据集做了一个简单的示例，在其中我转换了类别以在Vega Editor中生成更长的字符串：

假设我有更多类别，但还希望将图例放在顶部/底部，以便为图表区域提供更多水平空间。

Answer 1

使用columns的{​​{1}}属性：

legend

Answer 2

我在单独的div中创建了一个自定义图例。

可以通过View API访问Vega可视化中的类别及其映射的颜色：

const colors = vegaView.scale('color').range();
const categories = vegaView.scale('color').domain()