title: Chart.js automatic scaling
body: <p>I've been testing out chart.js for maybe including it in a project. I just have one smallish issue with it. It doesn't scale some datasets properly. I found somewhat similar questions here in SO, but nothing really that would solve my issue. </p>
  
  <p>So this is what my chart looks like with some datasets:
  <a href="https://i.stack.imgur.com/bUPph.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bUPph.png" alt="enter image description here"></a></p>
  
  <p>For some reason, the max values (2.2) look ugly as hell. The reason is, that the dataset has a set of three duplicate values in this case (2.2, 2.2, 2.2). I would like there to be some room on top of this series, so that it would look a bit more reasonable. </p>
  
  <p>How do you properly add "padding" on top the the series line? I would like a solution where I could rely on chart.js to find out the max value, and then maybe update that with some padding on the scale(like x + 10). Issue is, that I cant just hard code the min max values, because I can have over 200 different values that can be selected, and they can vary A LOT in scale.</p>
  
  <p>Here is how I render the chart for now:</p>
  
  <pre><code>    return new Chart(context, {
      type: 'line',
      data: { 
          labels: labels.data,
          datasets: dataSets
      },
      options: {
          responsive: true,
          maintainAspectRatio: false,
          scales: {
              ticks: {
                  beginAtZero: false
              },
              yAxes: [{
                  ticks: {
                      beginAtZero: false
                  },
                  id: 'A',
                  type: 'linear',
                  position: 'left',
              }, {
                  ticks: {
                      beginAtZero: false
                  },
                  display: displayBAxis,
                  id: 'B',
                  type: 'linear',
                  position: 'right',
              }]
          }
      }
  });
  </code></pre>