Typescript ApexCharts条形图未显示最小值.负值

const series = [
    {
        name: 'Males',
        data: [120000, 50000, 10000, 120000, 50000, 10000],
    },
    {
        name: 'Females',
        data: [-200000, -151000, -70000, -250000, -151000, -70000],
    },
];
const options = {
    chart: {
        type: 'bar',
        id: 'horizontal-bar',
        stacked: true,
        toolbar: {
            show: false,
        },
    },
    series,
    colors: ['#68D241', '#FF0D35'],
    plotOptions: {
        bar: {
            horizontal: true,
            barHeight: '60%',
            borderRadius: 5,
            borderRadiusWhenStacked: 'all',
        },
    },
    dataLabels: {
        enabled: false,
    },
    stroke: {
        width: 1,
        colors: ['#fff'],
    },
    legend: {
        show: false,
    },

    grid: {
        xaxis: {
            lines: {
                show: true,
            },
        },
        yaxis: {
            lines: {
                show: false,
            },
        },
    },
    xaxis: {
        categories: ['TRUE ICP', 'AC 03', 'AC 04', 'AC 05', 'AC 06', 'IC 02'],
        labels: {
            formatter(val) {
                const formattedValue = `$${Math.abs(parseFloat(val)).toLocaleString()}`;
                return parseFloat(val) < 0 ? `-${formattedValue}` : `${formattedValue}`;
            },
            offsetX: -10
        },
        axisBorder: {
            show: false,
        },
        tickAmount: 4
    },
    yaxis: {
        min:  -300000,
        max: 300000,
        showAlways: true,
    },
};

const chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

<div id="chart"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.37.1/apexcharts.min.js"
        integrity="sha512-hl0UXLK2ElpaU9SHbuVNsvFv2BaYszlhxB2EntUy5FTGdfg9wFJrJG2JDcT4iyKmWeuDLmK+Nr2hLoq2sKk6MQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>