You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vega-Lite饼图图例按数值字段排序失效问题求助

解决Vega-Lite饼图图例按数值字段升序排序的问题

要强制图例按数值字段n升序排列,你需要在颜色编码配置中同时指定颜色映射的排序规则和图例的排序规则,具体步骤如下:

  • 在color编码里添加sort属性,让颜色映射基于n字段升序排列,确保饼图扇区的颜色顺序和图例对应;
  • 在color的legend配置里添加sort属性,明确图例项按n字段升序排序。

修改后的关键配置代码如下:

"color": {
  "field": "k",
  "type": "nominal",
  "sort": {"field": "n", "order": "ascending"},
  "legend": {
    "sort": {"field": "n", "order": "ascending"}
  }
}

Vega-Lite默认会对名义类型字段(比如你的k字段)使用自然顺序排序图例,显式指定图例的排序字段为n后,就会覆盖默认行为,让图例和饼图扇区都按n的升序排列。

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 17:16:27