我已经用chart js创建了一个条形图,下面是我的代码
版本:2.9.4
var xValues = ["Italy", "France", "Spain", "USA", "Argentina"];
var yValues = [3, 5, 8, 9, 5];
var barColors = ["#E85900", "#E85900","#E85900","#E85900","#E85900"];
new Chart("myChart", {
type: "bar",
data: {
labels: xValues,
datasets: [{
axis: 'y',
backgroundColor: barColors,
data: yValues,
}]
},
options: {
legend: {display: false},
scales: {
xAxes: [{
barThickness: 65, // number (pixels) or 'flex'
}],
yAxes: [{
ticks: {
stepSize: 1,
beginAtZero:true,
suggestedMax: 9
}
}]
},
plugins: {
datalabels: {
anchor: 'end',
align: 'top',
formatter: Math.round,
font: {
weight: 'bold'
}
}
}
}
});
输出,我得到如下pdf格式,我使用wkhtmltopdf。但在html页面中也可以。
问题是显示的条形尺寸小于y轴值。在这里,条形图值3显示在y轴值3下。我的期望是它将等于3。
暂无答案!
目前还没有任何答案,快来回答吧!