如何在Vega Lite中为堆叠柱状图显示X/Y轴字段标题？

要给Vega的轴添加标题，直接在对应轴的配置里添加title属性即可。以官方堆叠柱状图示例为基础，修改步骤如下：

• 添加X轴标题：在X轴的定义中加入title字段，设置你需要的标题文本：

  {
    "orient": "bottom",
    "scale": "xscale",
    "title": "类别" // 替换为实际X轴标题
  }
  

• 添加Y轴标题：同理，给Y轴配置添加title属性：

  {
    "orient": "left",
    "scale": "yscale",
    "title": "数值" // 替换为实际Y轴标题
  }
  

整合后的完整axes配置示例：

"axes": [
  {
    "orient": "bottom",
    "scale": "xscale",
    "title": "类别",
    "labelAngle": 0,
    "labelAlign": "center"
  },
  {
    "orient": "left",
    "scale": "yscale",
    "title": "数值",
    "tickCount": 5
  }
]

如果需要调整标题样式，还可以添加titleFontSize、titleFontWeight等属性，比如：

"title": "类别",
"titleFontSize": 14,
"titleFontWeight": "bold"

按上述修改后，就能实现目标图中的轴标题显示效果。

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