Oracle APEX 22.1折线图Y轴无法显示hh:mi格式问题求助

问题背景 #

• X轴：将time2字段转为YYYY-MM字符串格式
• Y轴：计算AVG(time2 - time1)的时间差平均值，time2日期与X轴分组对应
• 使用的SQL查询：

SELECT DISTINCT to_char(time2, 'YYYY-MM') AS YEAR_MONTH --x-axis, 
AVG(time2 - time1) AS AVERAGE_VALUE --y-axis
FROM users
GROUP BY to_char(time2, 'YYYY-MM')
ORDER BY to_char(time2, 'YYYY-MM')

• 遇到的问题：Y轴无法以hh:mi格式正确显示数值，尝试启用时间轴、修改格式模板后均显示01:00，仅折线形态正常；改用Decimal格式数值显示正常；使用EXTRACT函数处理值时报错

操作中的错误点 #

1. 时间差数据类型误解：Oracle中time2 - time1计算得到的是以天数为单位的数值，并非DATE/TIMESTAMP类型。启用'Time Axis Type'或使用时间格式模板无效，因为APEX图表会将该数值解析为1970-01-01加上对应天数的日期，你看到的01:00是时区偏移或默认基准日期的小时显示。
2. EXTRACT函数用法错误：EXTRACT仅能处理DATE/TIMESTAMP类型数据，而AVG(time2 - time1)是数值类型，直接调用EXTRACT必然报错。

解决方案 #

方案1：SQL层转换为分钟数（推荐，无需JS） #

将时间差平均值转换为总分钟数，再通过APEX图表格式设置转为hh:mi：

1. 修改SQL查询（移除多余的DISTINCT，GROUP BY已自动去重）：

SELECT 
    TO_CHAR(time2, 'YYYY-MM') AS YEAR_MONTH,
    AVG((time2 - time1) * 1440) AS AVERAGE_MINUTES -- 1天=1440分钟
FROM users
GROUP BY TO_CHAR(time2, 'YYYY-MM')
ORDER BY TO_CHAR(time2, 'YYYY-MM')

2. 图表Y轴配置：
   • 进入图表属性，找到Y轴的格式选项，选择「自定义」并输入HH24:MI
   • 确保Y轴轴类型设置为「数值轴」（不要选时间轴），APEX会自动将分钟数转换为hh:mi格式

方案2：保留天数数值（需简单JS配置） #

若不想修改SQL，通过APEX图表的JS初始化代码格式化显示：

1. 打开页面编辑界面，找到目标图表组件
2. 进入图表的「高级」属性，找到「JavaScript初始化代码」
3. 粘贴以下代码（直接复制即可，无需理解JS细节）：

function(options) {
    // 格式化Y轴标签
    options.yAxis[0].labels.formatter = function() {
        const totalMinutes = this.value * 1440;
        const hours = Math.floor(totalMinutes / 60);
        const minutes = Math.floor(totalMinutes % 60);
        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
    };
    // 格式化数据提示框
    options.tooltip.formatter = function() {
        const totalMinutes = this.y * 1440;
        const hours = Math.floor(totalMinutes / 60);
        const minutes = Math.floor(totalMinutes % 60);
        return `${this.x}<br/>平均时长: ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
    };
    return options;
}

4. 保存页面并运行，Y轴和数据提示框将自动显示hh:mi格式

两种方案均支持time1和time2每日自动更新的数据，无需手动调整配置。

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