VegaLite堆叠条形图内部子条的升序排序需求

你已经实现了聚合求和的堆叠条形图，并且按总和降序排序，但堆叠内的子条默认按分类字段的字母升序排列（aaa→ccc→ggg→lll），要改成基于VALUE列的求和值升序排序，只需在编码中指定排序规则即可：

解决方案 #

在你的color编码配置中，添加order属性，基于VALUE的聚合求和值设置升序：

{
  "color": {
    "field": "NAME", // 对应示例中的aaa/ccc等分类字段
    "type": "nominal",
    "order": {
      "aggregate": "sum",
      "field": "VALUE",
      "sort": "ascending"
    }
  }
}

或者，你也可以单独添加order编码来控制堆叠顺序：

{
  "order": {
    "field": "VALUE",
    "type": "quantitative",
    "aggregate": "sum",
    "sort": "ascending"
  }
}

配置完成后，堆叠内的子条会按照各自VALUE列的求和值从小到大排列，替代默认的字母排序逻辑。

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