欢迎大家加入开源鸿蒙跨平台开发者社区，一起共建开源鸿蒙跨平台生态。

📌 模块概述

时间分析模块用于分析用户的观影时间分布。系统统计不同时间段的观影数量，如按月份、按季度、按年份等。用户可以了解自己的观影时间规律。

🔗 完整流程

第一步：时间数据收集

从数据库中收集所有影片的观看时间，按不同时间维度进行分组。

第二步：时间统计计算

计算每个时间段的观影数量和平均评分。

第三步：趋势展示

以折线图等形式展示观影时间趋势。

🔧 Web代码实现

时间分析函数

async function analyzeWatchingTime() {
    try {
        const watchedMovies = await db.getMoviesByStatus('watched');
        const monthlyStats = {};
        
        watchedMovies.forEach(movie => {
            const date = new Date(movie.watchedDate);
            const month = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
            
            if (!monthlyStats[month]) {
                monthlyStats[month] = 0;
            }
            monthlyStats[month]++;
        });
        
        displayTimeAnalysis(monthlyStats);
    } catch (error) {
        console.error('时间分析失败:', error);
    }
}

这个函数实现了观影时间的分析功能。首先从数据库中获取所有已观看的影片，然后遍历每部影片，根据其观看日期进行月份分组统计。通过将日期转换为"YYYY-MM"格式的字符串，我们可以方便地按月份进行分组。

函数使用了一个对象来存储每个月份的观影数量。对于每部影片，我们提取其观看日期，转换为月份字符串，然后更新对应月份的计数。这样可以得到一个完整的月度观影统计。最后将统计结果传递给展示函数进行可视化。

时间分析展示函数

function displayTimeAnalysis(stats) {
    const ctx = document.getElementById('time-chart').getContext('2d');
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: Object.keys(stats),
            datasets: [{
                label: '观影数',
                data: Object.values(stats),
                borderColor: '#409EFF',
                tension: 0.1
            }]
        }
    });
}

这个函数使用Chart.js库将时间分析结果以折线图的形式展示。首先获取canvas元素的2D上下文，然后创建一个新的Chart实例。通过配置图表的类型为’line’，我们可以显示一条折线来表示观影数量的变化趋势。

图表的标签使用了monthlyStats对象的键（月份），数据使用了对象的值（观影数量）。通过设置borderColor为蓝色，tension为0.1来控制线条的外观。这样用户可以直观地看到自己的观影时间分布和趋势变化。

📝 总结

时间分析模块帮助用户了解自己的观影时间规律，发现观影习惯的变化趋势。