📜  chartjs line disable shadow - Javascript (1)

📅  最后修改于: 2023-12-03 14:40:04.068000             🧑  作者: Mango

如何在Chart.js Line上禁用阴影?

当在 Chart.js Line 上使用时间轴时,我们可能不想显示阴影,因为它会使线条变得更加模糊。要禁用 Chart.js Line 上的阴影,请按照以下步骤操作:

步骤1:在options下面,添加一个新的配置对象scales,然后在scales下面添加配置对象yAxes,将其设置为无阴影

var options = {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero:true,
            },
            gridLines: {
                display:false
            }
        }],
        xAxes: [{
            gridLines: {
                display:false
            }
        }]
    }
};

步骤2:将 options 对象传递给 Chart.js 实例的配置选项中,如下所示:

new Chart(ctx, {
    type: 'line',
    data: data,
    options: options
});

这样就可以禁用 Chart.js Line 上的阴影了。

注意:以上步骤仅适用于 yAxes 上的阴影。如果要禁用 xAxes 上的阴影,可以将xAxes的gridLines.display属性设置为false。

参考链接:https://stackoverflow.com/questions/40954686/chartjs-line-disable-shadow