删除Chart.js网格线重叠

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

我想知道是否有人可以帮助,我做了一些广泛的谷歌搜索,但我似乎找不到一个答案,
我正在使用Chart.js图表来显示一些数据,我正在尝试对图表进行样式设置,以便它与下面的DIV对齐。但是,似乎有3-4像素的网格线在垂直轴上重叠,有人知道如何删除它吗?

dgjrabp2

dgjrabp21#

设置drawTicks: false来修复它。这些行将充当指向刻度的指针。

// Chart.js v3.9.1
options.scales.x.grid.drawTicks = false;

网格线规划文件

vkc1a9a2

vkc1a9a22#

您需要禁用它,请尝试此操作

var options = {
    scales: {
        xAxes: [{
            gridLines: {
                display: false,  
            }
        }],
        yAxes: [{
            gridLines: {
               display: false, 
            }   
        }]
    }
}

相关问题