你好 :) 感谢您提前帮助我解决这个问题。
我在ChartJs中有一个带有一些虚拟信息的水平图表。我目前想将其与上面的统计数据对齐。在ChartJs中,图表会在<canvas>
标签内呈现。我想要删除图表中的间隔空白。我假设这是填充,但不是在画布上而是在图表内部。我已经阅读了文档并尝试了几个选项。
只需提供一些额外信息,我自定义了图表,现在它看起来像这样:
- 已删除图例
- 翻转标签
- 更改标签颜色
- 删除网格线
HTML:
<canvas id="myChart" width="400" height="150"></canvas>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'horizontalBar',
data: {
labels: ['1', '2'],
datasets: [{
label: 'Money in',
data: [5, 19],
backgroundColor: [
'rgb(0,51,160)',
'rgb(26,121,191)'
],
borderWidth: 0
}]
},
options: {
scales: {
yAxes: [{
ticks: {
fontColor: 'white',
display: true,
position: top,
mirror: true,
beginAtZero: true,
fontSize: 17,
padding: -9,
z: 1
},
gridLines: {
display: false
}
}],
xAxes: [{
gridLines: {
display: false
},
ticks: {
beginAtZero: true,
display: false
}
}]
},
legend: {
display: false
}
}
});