我正在使用Chart.js v2库并希望获得以下结果:
Chart.js在画布中有一个填充和边距渲染的内置。 是否有任何方法将此设置为0以实现上述结果。
如您所见,图表并未完全适合画布, 相反,左侧和右侧有一个小的空的图表延伸。
以下是我用于以下结果的配置:
options: {
responsive: true,
maintainAspectRatio: false,
legend: {
display: false,
},
scales: {
xAxes: [{
gridLines: {
display: true,
color: '#eff3f6',
zeroLineColor: '#fff',
zeroLineWidth: 0,
drawBorder: false,
tickMarkLength: 0
},
ticks: {
display: false,
beginAtZero: true
}
],
yAxes: [{
gridLines: {
display: true,
color: '#eff3f6',
zeroLineColor: '#fff',
zeroLineWidth: 0,
drawBorder: false,
tickMarkLength: 0
},
ticks: {
display: false,
beginAtZero: true
}
}]
}
}