从PostgreSQL取数据后Chart.js图表无法渲染，日期格式问题排查

核心原因 #

PostgreSQL查询返回的是datetime.datetime类型对象，而Chart.js需要的是字符串格式的日期（如你测试用的"01-01-2024"），两者类型不兼容导致渲染失败。

解决方案一：Python端转换日期格式 #

直接在生成labels列表时，将datetime对象格式化为Chart.js可识别的字符串：

修改你的Python代码中labels那一行：

# 按需求调整格式，比如和测试数据一致的DD-MM-YYYY，或带时间的DD-MM-YYYY HH:MM:SS
labels = [row[7].strftime("%d-%m-%Y") for row in data]

如果存在空日期的情况，建议加容错判断：

labels = [row[7].strftime("%d-%m-%Y") if row[7] else "" for row in data]

常用格式符说明：

• %d：两位日期（01-31）
• %m：两位月份（01-12）
• %Y：四位年份（2024）
• %H：24小时制小时（00-23）
• %M：两位分钟（00-59）

解决方案二：SQL查询时直接格式化日期 #

利用PostgreSQL的to_char函数，在查询阶段就把日期转成字符串，避免Python端二次处理：

修改你的查询语句：

RETRIEVE_LOG_DATA = "SELECT *, to_char(date, 'DD-MM-YYYY') AS formatted_date FROM data WHERE user_id = (%s) ORDER BY date DESC;"

然后在Python中取格式化后的日期列（SELECT *会把formatted_date放在结果集最后，可根据表结构调整索引，或明确指定列更稳妥）：

labels = [row[8] for row in data]  # 假设formatted_date是第8列

PostgreSQLto_char格式符规则：

• DD：两位日期
• MM：两位月份
• YYYY：四位年份
• HH24：24小时制小时
• MI：两位分钟

额外优化：Chart.js日期解析配置 #

如果使用自定义日期格式，可在Chart.js配置中指定解析规则，确保图表正确识别：

const chart = new Chart(ctx, {
  type: 'line',
  data: { /* 你的数据 */ },
  options: {
    scales: {
      x: {
        type: 'time',
        time: {
          parser: 'DD-MM-YYYY', // 和你传入的日期格式一致
          tooltipFormat: 'YYYY-MM-DD HH:mm' // tooltip显示格式
        }
      }
    }
  }
});

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