Line chart line not connect to next datetime it jump like random point.

[Not-Jukkapan]

My line chart i got

I need line chart like this

Data set from SQL

HTML
<apexchart width="100%" height="500%" type="line" :options="options" :series="series"></apexchart>

JS
` series: [],
options: {
chart: {
id: 'report',
stroke: {
curve: 'smooth',
}
},

        xaxis: {
            type: 'datetime',
            labels: {
                format: 'yyyy-MM-dd HH:mm:ss',
                datetimeUTC: false,
            }
        },
        yaxis: [
            {
                title: {
                    text: "Vibration (mm/s)"
                },
            },
            {
                opposite: true,
                title: {
                    text: "Resistance (Ω)"
                }
            },
           
        ],
        tooltip: {
            shared: true,
            x: {
                show: true,
                format: 'dd MMM yy HH mm ss',
                formatter: undefined,
                
            },
            y: [{
                formatter: function (y) {
                    if (typeof y !== "undefined") {
                        return y + " mm/s";
                    }
                    return y;

                }
            },
            {
                formatter: function (y) {
                    if (typeof y !== "undefined") {
                        return y + " (Ω)";
                    }
                    return y;

                }
            },
                
            ],
        }
    },`