Vega-Lite：如何将特定Y轴字段与X轴标签匹配

数据结构 #

[
  {
    "pre_120": 0,
    "pre_90": 0,
    "pre_60": 0,
    "post_60": 100,
    "post_90": 150,
    "post_120": 200,
    "type": "Mango"
  },
  {
    "pre_120": 0,
    "pre_90": 0,
    "pre_60": 0,
    "post_60": 90,
    "post_90": 140,
    "post_120": 190,
    "type": "Apple"
  }
]

需求 #

• 为type字段中的每个类别（Mango、Apple）各绘制一条折线
• X轴固定使用标签序列：["Pre 120", "Pre 90", "Pre 60", "0", "Post 60", "Post 90", "Post 120"]
• Y轴数值需与X轴标签一一对应：
  • X轴"Pre 120"对应数据中的pre_120字段值
  • X轴"Pre 90"对应数据中的pre_90字段值
  • X轴"Pre 60"对应数据中的pre_60字段值
  • X轴"0"对应数值0
  • X轴"Post 60"对应数据中的post_60字段值
  • X轴"Post 90"对应数据中的post_90字段值
  • X轴"Post 120"对应数据中的post_120字段值

当前进度 #

已搭建好图表基础框架，不清楚如何配置Y轴数值的映射逻辑。

预期图表效果 #

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