分组柱状图：如何隐藏分组中未分配的颜色类别？

你遇到的情况是：按class分组的柱状图里，部分分组不存在特定颜色类别，导致图表出现空白柱子。要隐藏这些未分配的类别，有两种实用方法：

方法一：过滤空值数据 #

直接在数据处理阶段移除没有数值的条目。在Vega-Lite的data模块中添加transform过滤规则，筛掉数值为空的记录：

"transform": [
  {"filter": "datum.value !== null && datum.value !== undefined"}
]

把datum.value替换成你图表中实际的数值字段名，这样没有值的类别就不会被渲染出来。

方法二：独立解析分组轴 #

如果不想修改原始数据，可以通过配置resolve让每个分组的颜色类别轴独立显示，只展示当前分组存在的类别：

"resolve": {
  "scale": {
    "x": "independent"
  }
}

将这段配置添加到Vega-Lite的顶层声明中，就能避免强制显示所有分组的全部类别，自然隐藏不存在的类别。

示例效果参考：

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