ApexCharts JS如何将图表起始值设为-2？是否可行？

你的问题核心是搞混了水平柱状图的轴对应关系：当设置horizontal: true时，数值轴是x轴，y轴是对应A、B、C的类别轴，你之前把min: -2写在了yaxis配置里，自然不会生效。

修改方案很简单，把数值范围的配置从yaxis移到xaxis里即可，调整后的完整配置如下：

const chartData = [
    { x: 'A', y: -2 },
    { x: 'B', y: 3 },
    { x: 'C', y: 6 },
];

var options = {
    series: [{
        name: 'Persentase',
        data: chartData
    }],
    chart: {
        offsetX: 20,
        animations: {
            enabled: false,
        },
        type: 'bar',
        height: 600,
        toolbar: {
            show: false,
        },
        width: '90%'
    },
    plotOptions: {
        bar: {
            borderRadius: 10,
            borderRadiusApplication: 'end',
            borderRadiusWhenStacked: 'last',
            horizontal: true,
            distributed: true,
            dataLabels: {
                position: 'top'
            },
        },
    },
    dataLabels: {
        enabled: true,
        style: {
            colors: ['#333']
        },
        formatter: function (val, opts) {
            return val;
        },
        textAnchor: 'start',
        offsetX: -10,
        offsetY: 0,
    },
    colors: ['#ff7c80', '#cc99ff', '#ffff1a', '#99ccff', '#c6e0b4', '#ffd34d'],
    yaxis:{
        labels: {
            show: true,
            style: {
                fontWeight: 'bold',
                fontSize: '13px',
            },
        },
    },
    xaxis: {
        show: true,
        min: -2,
        max: 6,
        // 可选：强制设置刻度数量，让轴显示更贴合需求
        // tickAmount: 5
    },
    legend: {
        show: false
    },
    tooltip: {
        enabled: false,
    },
};

如果后续觉得数值轴的刻度显示不够直观，可以在xaxis里添加tickAmount配置（比如tickAmount:5），强制生成对应数量的刻度，让轴的显示更符合你的期望。

这个方案完全可行，调整后图表的数值轴就会从-2开始，和你想要的效果一致。

内容的提问来源于stack exchange，提问作者Afif Nuril