0

我通过图表 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。

4

0 回答 0