如何在Superset中配置跨日间时段对比的时间序列折线图

这里有几个实用的解决思路，根据你的数据场景选择即可：

1. 拼接日期+时间生成完整Datetime列（最推荐） #

Superset的时间序列图表确实仅支持Datetime类型，所以最简单的方式是把day和time字段拼接成完整的Datetime值，可在数据源层面处理，也能在Superset里用自定义SQL或计算列生成。

比如在SQL查询里直接生成（不同数据库语法略有差异，以下为PostgreSQL示例）：

SELECT
  day,
  time,
  value,
  CONCAT(CAST(day AS VARCHAR), ' ', CAST(time AS VARCHAR))::TIMESTAMP AS full_datetime
FROM your_table_name

将这个查询作为Superset的数据集，然后选择时间序列折线图：

• X轴选full_datetime
• Y轴选value
• 图例选day
  最后在图表自定义设置里，把X轴的时间格式改成只显示时分（比如HH:mm），这样X轴就只会展示日间时段，同时保留不同日期的折线对比。

2. 在Superset数据集里添加计算列 #

如果不能修改源数据的查询逻辑，可以直接在Superset的数据集编辑页面添加计算列：

• 进入数据集编辑页，找到「计算列」模块
• 新增列名full_datetime，输入表达式（以PostgreSQL为例）：

  CAST(CONCAT(day, ' ', time) AS TIMESTAMP)
  

保存后，就可以用这个新生成的full_datetime作为时间序列图表的X轴，后续设置和上面一致。

3. 换用分组折线图（无需Datetime类型） #

如果不想生成Datetime列，也可以换用分组折线图：

• 把time作为X轴（如果是TIME类型，Superset会自动识别为字符串；如果排序有问题，就把时间转成数值，比如新增计算列time_minutes = HOUR(time)*60 + MINUTE(time)，用这个数值做X轴）
• 分组（图例）选day
• Y轴选value
  如果用数值型的时间分钟数做X轴，可以在自定义设置里给X轴加一个标签格式化函数，把数值转回时分格式，比如用JS代码：

(value) => {
  const h = Math.floor(value / 60);
  const m = value % 60;
  return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}`;
}

这样X轴也能正常显示时段，同时实现多日对比。

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