Duplicated line, one of them is straight

[WilczekCK]

Hi,
I have a bug where the line of chart is duplicated, but it's straight. The dates are fine, I even did two functions (one php, second js) to parse dates. Also, the records are not duplicated, once record for a day.

  getDates() {
       var dates = [];

       metalsCharts.forEach(element => {
           const date = dayjs(element.date).format('YYYY-MM-DD');
           dates.push( date );
       });

       return dates;
   }

     var dates = this.getDates();

       var options = {
           chart: {
             type: 'line',
             height: 350,
             name: 'Cena'
           },

           colors: ['red'],
           series: [{
             name: ` USD`,
             data:  prices
           }],
           xaxis: {
             categories: dates,
             type: 'datetime',
           },
           stroke: {
               curve: 'straight'
           },
           yaxis: {
               opposite: true,
               type: 'numeric',
           },
           dataLabels: {
               enabled: false
           },
           legend: {
               horizontalAlign: 'left'
           }
         }
         
         var chart = new ApexCharts(document.querySelector(".metalCharts__container--charts--filter"), options);
         
         chart.render();
   }

[WilczekCK]

Codepen:
https://codepen.io/WilczekCK/pen/mdLEagr

[WilczekCK]

The dates were not sorted properly.
thats the problem.
Solved