我试着改变chart.js中网格的背景颜色,按照文档所说尝试了很多方法,也进行了许多研究,但似乎无法找到合适的解决方法。我还想去掉顶部标签,但很难找到一个简单的方法来实现。 我所说的标签是在这里的演示中显示为“我的第一个数据集”的标签: http://www.chartjs.org/docs/#bar-chart。
解决方案:
解决方案:
<canvas id="myChart"></canvas>
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"],
datasets: [{
label: "",
data: [12, 19, 3, 5, 2, 3, 4],
backgroundColor: "rgba(3, 118, 195, 0.5)",
borderColor: "rgba(0, 158, 219, 1)",
borderWidth: "2",
}]
},
options: {
legend:{
display: false
},
scales: {
xAxes: [{
gridLines: {
show: true,
color: "F3F3F3",
}
}],
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
}
});
</script>
谢谢!