在chart.js中隐藏y轴而不隐藏网格

Question

我想显示水平网格线而不显示y轴。有可能吗？

如果我设置：

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

网格线被隐藏。

Answer 1

您可以创建一个只返回空字符串的自定义tick回调：

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

Answer 2

您还可以禁用网格中的ticks和drawTicks:

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

})；