ApexChart 数据的 y 轴不匹配

如何解决ApexChart 数据的 y 轴不匹配

我正在使用 apexchart.js 库并得到这个不匹配的图表。我想显示一个面积图，其中 X 线是日期时间的集合，Y 线有一些值（浮动类型）。

在图片上，你可以看到图书馆为某些系列设置了坏零点。

our docs

这是我对图表的设置。

let options = {
        chart: {
            height: 390,type: 'area',stacked: false
        },dataLabels: {
            enabled: false
        },series: [{
            name: "Power – Total",data: powerTotal,type: 'area'
        },{
            name: "Power – Solar A",data: powerSolara,{
            name: "Power – Solar B",data: powerSolarB,{
            name: "Consumption",data: consumption,{
            name: "Battery",data: batteryPower,{
            name: "Grid",data: gridPower,],xaxis: {
            type: 'datetime',categories: datetimes,labels: {
                datetimeUTC: false
            }
        },yaxis: [
            {
                seriesName: 'Power – Total',title: {
                    text: "kW"
                },decimalsInFloat: 2,showAlways: true,floating: false,},{
                seriesName: 'Power – Solar A',show: false,{
                seriesName: 'Power – Solar B',{
                seriesName: 'Consumption',{
                seriesName: 'Battery',{
                seriesName: 'Grid',markers: {
            size: 0,hover: {
                size: undefined,sizeOffset: 3
            }
        },colors: lineColors,tooltip: {
            x: {
                format: "dd:MM:yyy HH:mm"
            }
        },fill: {
            opacity: .6,type: 'solid'
        },stroke: {
            show: true,curve: 'straight',width: [2,2,4]
        },grid: {
            show: true
        },legend: {
            itemmargin: {
                vertical: 24
            }
        }
    };

有人知道它是什么吗？ 谢谢