如何在Vega-Lite中指定tooltip条目显示顺序？

要强制让Hour字段显示在tooltip顶部，核心是显式指定tooltip字段的顺序，避免Vega-Lite自动调整字段排序。具体操作如下：

• 直接在图表的encoding配置下添加tooltip数组，严格按照你想要的顺序排列字段，把Hour放在首位。
• 确保所有需要在tooltip中显示的字段（包括颜色对应的系列字段）都显式列在数组里，这样Vega-Lite不会自动插入或调整顺序。

示例配置片段：

"encoding": {
  "x": {"field": "Hour", "type": "ordinal"},
  "y": {"field": "Value", "type": "quantitative"},
  "color": {"field": "Series", "type": "nominal"},
  "tooltip": [
    {"field": "Hour", "type": "ordinal", "title": "Hour"},
    {"field": "Series", "type": "nominal", "title": "Series"},
    {"field": "Value", "type": "quantitative", "title": "Value"}
  ]
}

如果之前是通过mark配置tooltip，也可以改用数组形式指定字段顺序：

"mark": {
  "type": "line",
  "tooltip": {"content": "data", "fields": ["Hour", "Series", "Value"]}
}

这种方式完全通过JSON配置实现，无需额外代码，能确保Hour始终显示在tooltip的最顶部。

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