title: Datalabels of Chart JS can not display full values
body: <p>I am developing an angular app and using chartsjs and chartjs-plugin-datalable so that I can build horizontalBar.</p>
  <p><a href="https://i.stack.imgur.com/VNIUW.png" rel="nofollow noreferrer">Current chart</a></p>
  <p>However, Some data is hidden and I can not resolve it.</p>
  <p>This is config code</p>
  <pre class="lang-js prettyprint-override"><code>    this.dataFill = {
          title: {
            display: false
          },
          legend: {
            position: 'right',
            display: false
          },
          scales: {
            xAxes: [
              {
                ticks: {
                  beginAtZero: true,
                },
                display: false,
              }
            ],
            yAxes: [
              { display: false}
            ]
          },
          responsive: true,
          plugins: {
            datalabels: {
              anchor: 'end',
              align: 'end',
              rotation: 0,
              padding: 12,
              labels: {
                value: {
                  color: '#000'
                }
              },
              font: {
                size: '12',
                weight: 'bold'
              }
            },
          }
         }
  </code></pre>