我如何减少条和y刻度之间的空间?我试过填充,但不起作用
谢啦,谢啦
这是我的配置,我在运行时上载数据并更新图表
图表寄存器(图表数据标签);
var options = {
tooltips: {
enabled: false
},
plugins:
{
datalabels:
{
color: 'white'
},
legend: {
position: 'top', labels:
{
font: {size: 10},
usePointStyle: true
}
}
},
scales:
{
x: {
barPercentage: 6.5,
categoryPercentage: 0.1
},
y: {
barPercentage: 1,
categoryPercentage: 1,
beginAtZero: true,
grace: '3%',
ticks: {
beginAtZero: true
}
}
}
};
var barChart = new Chart(document.getElementById("chart3"), {
type: 'bar',
data:
{
labels: [""]
},
options:options
});
for (i = 0; i < parsed[0].length; i++)
{
barChart.data.datasets.push({ label: parsed[0][i].label, backgroundColor: parsed[0][i].backgroundColor, data: ["" + parsed[0][i].data + ""], pointStyle:'circle' });
}
barChart.update();
1条答案
按热度按时间l3zydbqr1#
这个问题听起来与您在轴中设置的
categoryPercentage
和barPercentage
选项有关,但这不是正确的位置。在
chart.options
中移动这些选项,它应该可以工作。尝试使用
categoryPercentage: 1
。