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

qmb5sa22  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(202)

我想显示水平网格线而不显示Y轴。可以吗?
如果我设置:

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

网格线被隐藏。

piwo6bdm

piwo6bdm1#

您可以创建一个只返回空字符串的自定义刻度回调:

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

5lhxktic2#

您还可以在网格中禁用刻度和drawTicks:

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

});

相关问题