[英]CharJS 2.5.0 - How to remove space between bars
我创建了这个小提琴。 它包含一个ChartJS条形图:
https://jsfiddle.net/07pzys9t/
var options = {
legend: { display: false },
animation: {
animateScale: true
},
scales: {
xAxes: [{
barPercentage: 1,
categoryPercentage: 1,
barThickness : 45
}],
yAxes: [{
barPercentage: 1,
categoryPercentage: 1,
ticks: {
beginAtZero: true
}
}]
},
tooltips: {
}
};
var dataForChart = {
datasets: [{
data: [0.2, 0.4, .78, 0.05],
backgroundColor:["#FF6384","#4BC0C0","#FFCE56","#36A2EB"],
borderWidth: 0
}],
labels: ['1', '2', '3', '4']
};
var chart = new Chart($("#statsRenderingResultsDeliveryClaimsChart"), {
type: 'bar',
data: dataForChart,
options: options
});
如何删除条形之间的空间? 我读了这个答案:
Chart.js条形图:如何在v2.3中删除条形之间的空间?
但这似乎不起作用,因为如果您查看我创建的小提琴中的代码, barPercentage
在两个轴上都添加barPercentage
和categoryPercentage
属性。
关于如何实现所需行为的任何想法吗?
感谢您的关注。
如果您将图表与响应方面一起使用,则不必强行将宽度值设置为条形。
您只需要使用这两个属性设置xAxes
xAxes: [{
barPercentage: 1.0,
categoryPercentage: 1.0
}]
代替 :
xAxes: [{
barPercentage: 1,
categoryPercentage: 1,
barThickness : 45
}]
您需要使用barPercentage和categoryPercentage属性将百分比值与响应方面一起使用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.