在chart.js中隱藏y軸而不隱藏網格

Question

我想顯示水平網格線而不顯示 y 軸。 可能嗎？

如果我設置：

y: {
    display: false,
    grid: {
        display: true
    }
}

網格線被隱藏。

Answer 1

您可以創建一個僅返回空字符串的自定義刻度回調：

const chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            y: {
                ticks: {
                    callback: function(value, index, ticks) {
                        return '';
                    }
                }
            }
        }
    }
});

Answer 2

您還可以在網格中禁用刻度線和 drawTicks：

const chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
    scales: {
        y: {
            grid: {
              drawTicks: false
            },
            ticks: {
              display: false
            }
        }
    }
}

});