chartjs条形图条形图显示的值低于pdf中的y轴值?

unftdfkk  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(309)

我已经用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。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题