我已经使用Chart.js v4.1和vue-chartjs v5.0创建了一个堆叠面积图。更改大多数其他grid选项（例如，颜色、显示、drawTicks、线宽等）都有效，但borderDash和borderDashOffset无效。
下面是我传递给Line vue-chartjs组件的选项：

const options = {
    responsive: true,
    scales: {
        x: {
            grid: {
                display: false,
            },
            ticks: {
                callback: function (val, index) {
                    return index % 2 === 0 ? this.getLabelForValue(val) : '';
                },
            },
        },
        y: {
            border: {
                display: false,
            },
            grid: {
                borderDash: [10, 10],
                drawTicks: false,
            },
            stacked: true,
            ticks: {
                callback: function (val, index) {
                    if (index === 0) {
                        return '';
                    }

                    return index % 2 === 0 ? '$' + compactCurrencyFormatter.format(+val) : '';
                },
                padding: 10,
            },
        },
    },
};