my anchor tags are not working in my website after i added chart.js in it

the issue is my anchor tags within the website was working fine,when i added chart.js for the graphs,once the charts gets loaded my anchor tag stops working,and if i disable them ,then anchor tags start working again

JAVASCRIPT

async function graph_final() {
  await getdata();
  document.querySelector(".box").style.display = "none";
  document.querySelector(".box2").style.display = "none";
  linechart();//calling graph 1
  linechart2();//calling graph2
}
graph_final();

if i comment graph 1 and graph 2 my anchor tag is working fine as when i click on them it redirecting to certain part of the same page(smooth scrolling)

HTML PART

<div class="nav-controls">
       <a href="#">DISABLED</a>
       <a href="#countrywise">COUNTRY STATUS</a>
       <a href="#top3">TOP 5 COUNTRIES</a>
 </div>
.
.
.
.
.
<div id="countrywise" class="mainsec-heading">
     <h3 class="mainsec-title"> SELECT BY COUNTRY</h3>
</div>