 {
                ...defaultOptions.scales.x,
                ticks: {
                  color: "white",
                  maxRotation: 45,
                  minRotation: 45,
                  maxTicksLimit: 24, // Show approximately one tick every 2 hours
                },
              },
            },
          },
        });

        // Initialize 3-hour chart
        const hourlyCtx = document
          .getElementById("hourlyHeartRateChart")
          .getContext("2d");
        hourlyHeartRateChart