📅  最后修改于: 2023-12-03 14:40:04.068000             🧑  作者: Mango
当在 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