我如何在Chart.js中删除左栏和底部栏

Question

我在chart.js 3.2.1版本中显示了网格和很多东西，但我找不到显示这个栏的方法，有人有问题吗?

箭头

var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Réelle', 'Attendue'],
options: {
plugins:{
legend:{
display: false
}
},

scales: {
x: {
grid: {
display: false
}
},
y: {
ticks:{
display:false
},
grid: {
display: false
}
}
}
}
});

Answer 1

可以使用轴网格的drawBorder: false选项。查看下面的示例。

var myChart = new Chart(ctx, {
type: "bar",
data: {
labels: ["Réelle", "Attendue"],
datasets: [
{
borderColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"],
backgroundColor: ["rgba(255, 99, 132, .2)", "rgba(54, 162, 235, .2)"],
fill: true,
data: [12, 19]
}
]
},
options: {
plugins: {
legend: {
display: false
}
},
scales: {
x: {
grid: {
display: false,
drawBorder: false
}
},
y: {
ticks: {
display: false
},
grid: {
display: false,
drawBorder: false
}
}
}
}
});