在Vega-lite中将时间戳格式化为工具提示中的日期

在Vega-lite中，将时间戳格式化为工具提示中的日期是一个常见的需求。以下是详细解答：

基础概念

时间戳：时间戳是一个表示特定时间点的数字，通常是从1970年1月1日00:00:00 UTC开始计算的毫秒数。 工具提示（Tooltip）：在数据可视化中，工具提示是当用户将鼠标悬停在图表元素上时显示的额外信息。

类型与应用场景

类型：常见的日期格式包括“YYYY-MM-DD”、“MM/DD/YYYY”等。
应用场景：适用于任何需要展示时间序列数据的图表，如折线图、柱状图、散点图等。

示例代码

以下是一个使用Vega-lite将时间戳格式化为日期的示例代码：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {
    "values": [
      {"date": 1633024800000, "value": 100},
      {"date": 1633111200000, "value": 150},
      {"date": 1633197600000, "value": 200}
    ]
  },
  "mark": "line",
  "encoding": {
    "x": {
      "field": "date",
      "type": "temporal",
      "axis": {"format": "%Y-%m-%d"},
      "title": "Date"
    },
    "y": {
      "field": "value",
      "type": "quantitative",
      "title": "Value"
    },
    "tooltip": [
      {
        "field": "date",
        "type": "temporal",
        "format": "%Y-%m-%d %H:%M:%S",
        "title": "Date"
      },
      {
        "field": "value",
        "type": "quantitative",
        "title": "Value"
      }
    ]
  }
}

解释

数据部分：定义了一个包含时间戳和值的数组。
标记部分：使用line标记来绘制折线图。
编码部分：
- x轴使用temporal类型，并通过axis.format指定日期格式为%Y-%m-%d。
- y轴使用quantitative类型。
- 工具提示：在tooltip中，时间戳字段使用temporal类型，并通过format指定详细的日期时间格式为%Y-%m-%d %H:%M:%S。