chart.js - 图表 JS 数据标签被削减

Question

我正在使用带有数据标签插件的 Chart JS，我想在条形图和饼图旁边显示数据标签，但注意到一些数据标签被剪掉或从 Canvas 上消失了。他们有办法解决这个问题吗？

    var chartData3 = {
        labels: ["January", "February", "March", "April", "May", "June"],
    datasets: [{
      backgroundColor: "#79D1CF",
      data: [60, 90, 81, 56, 55, 40],
      datalabels: {
        align: 'end',
        anchor: 'end'
      }
    }]
  };

https://plnkr.co/edit/I906pCN8tdrrOX2hgN0W?p=preview

谢谢，
默沙东

Answer 1

您需要设置填充以正确显示标签。此外，调整 Canvas 宽度和高度以考虑填充，以便您的图表不会变得太小。

options: {        
    layout: {
        padding: {
            left: 50,
            right: 50,
            top: 50,
            bottom: 50
        }
    }
}