如何在Vega堆叠面积图的X轴中定义重复值？

核心问题是Vega默认对连续型X轴的数值做去重排序，导致你自定义的重复X值被合并。以下是具体解决步骤：

• 将X轴改为序数型（Ordinal）
  你的X序列是自定义的有序序列，并非严格意义上的连续数值，将X轴比例尺设为ordinal可强制Vega按照你指定的顺序渲染每个点，不会自动去重。
  在encoding的x字段中配置：

  "x": {
    "field": "x",
    "type": "ordinal",
    "domain": [50,40,30,20,10,0,5,10,15,20], // 严格匹配你需要的X轴顺序
    "axis": {"labelAngle": 0} // 可选，优化标签可读性
  }
  

• 避免对X值做聚合操作
  你之前尝试的groupby会对相同X值的数据做聚合，反而丢失了重复的X条目。确保原始数据中每个X值（包括重复的10、20）都保留对应的行数据，每个堆叠系列在重复X值上都有对应的数值。

• 调整堆叠变换逻辑
  如果使用了stack变换，确保groupby参数仅按堆叠系列分组，而非X值。例如：

  "transform": [
    {"stack": "value", "groupby": ["series"], "as": ["y0", "y1"]}
  ]
  

关键配置示例片段 #

{
  "data": {
    "values": [
      {"x":50, "series":"系列1", "value":15},
      {"x":40, "series":"系列1", "value":18},
      {"x":30, "series":"系列1", "value":20},
      {"x":20, "series":"系列1", "value":16},
      {"x":10, "series":"系列1", "value":12},
      {"x":0, "series":"系列1", "value":8},
      {"x":5, "series":"系列1", "value":10},
      {"x":10, "series":"系列1", "value":14},
      {"x":15, "series":"系列1", "value":17},
      {"x":20, "series":"系列1", "value":19},
      // 其他堆叠系列的数据同理补充
    ]
  },
  "mark": {"type": "area", "line": true},
  "encoding": {
    "x": {
      "field": "x",
      "type": "ordinal",
      "domain": [50,40,30,20,10,0,5,10,15,20],
      "axis": {"labelAngle": 0}
    },
    "y": {"field": "value", "type": "quantitative", "stack": "zero"},
    "color": {"field": "series", "type": "nominal"}
  }
}

如果必须使用连续型X轴（比如需要刻度是连续渐变的），可以给重复的X值添加微小偏移（如第二个10改为10.001，20改为20.001），但这属于临时 workaround，优先级低于使用序数型轴的方案。

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