title: Trying to set scale ticks beginAtZero using Chart.js is unsuccessful, why?
body: <p>Trying to doing this chart is a big deal with the 0, I need to start at 0 and not at 650 as you can see in the image.</p>
  
  <p>What I'm doing wrong?, I cannot solve it:</p>
  
  <p>Look the image of the chart here</p>
  
  <p><a href="https://i.stack.imgur.com/IsqeG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IsqeG.jpg" alt="enter image description here"></a>
  Look the code, it is the same as the documentation says:</p>
  
  <pre><code>&lt;canvas id="myChart2015_5853aee63b981" width="500" height="500" style="display: block; width: 500px; height: 500px;"&gt;&lt;/canvas&gt;
  &lt;script style="text/javascript"&gt;
                  var ctx = document.getElementById("myChart2015_5853aee63b981");
                  var myChart2015_5853aee63b981 = new Chart(ctx, {
                      type: 'bar',
                      data: {
  
              labels: ["Trimestre 1", "Trimestre 2", "Trimestre 3", "Trimestre 4"],
              datasets: [
                              {backgroundColor:['rgba(255, 99, 132, 0.2)','rgba(255, 99, 132, 0.2)','rgba(255, 99, 132, 0.2)','rgba(255, 99, 132, 0.2)'],borderColor:['rgba(255, 99, 132, 1)','rgba(255, 99, 132, 1)','rgba(255, 99, 132, 1)','rgba(255, 99, 132, 1)'], 
                          type: 'bar',
                          label: 'Total de pacientes',
                          data: [712,913,1030,1091],
                          options:  { tension:0.0, bezierCurve:false },borderWidth: 1,tension:0.25 }, 
                              {backgroundColor:['rgba(204, 230, 255,0.2)'],borderColor:['rgba(2, 173, 80,1)'], 
                          type: 'line',
                          label: 'Límite superior',
                          data: [700,700,700,700],
                          options:  { tension:0.0, bezierCurve:false },borderWidth: 1,tension:0.25 }, 
                              {backgroundColor:['rgba(36, 143, 36,0)'],borderColor:['rgba(75, 172, 198,1)'], 
                          type: 'line',
                          label: 'Meta',
                          data: [700,700,700,700],
                          options:  { tension:0.0, bezierCurve:false },borderWidth: 1,tension:0.25 }, 
                              {backgroundColor:['rgba(51, 51, 26,0)'],borderColor:['rgba(182, 87, 8,1)'], 
                          type: 'line',
                          label: 'Límite inferior',
                          data: [650,650,650,650],
                          options:  { tension:0.0, bezierCurve:false },borderWidth: 1,tension:0.25 }  
              ],
                  options: {
                          tension:0.0,
                          scaleBeginAtZero: true,
                          scaleStartValue: 0,
                          scale: {
                              reverse:true,
                              ticks: {
                                  beginAtZero: true
                              }
                          }
  
                      }
                  }});
                  &lt;/script&gt;
  </code></pre>
  
  <p>The documentation of Chart.js says:</p>
  
  <pre><code>    options: {
              scale: {
                  reverse: true,
                  ticks: {
                      beginAtZero: true
                  }
              }
      }
  });
  
  // This will create a chart with all of the default options, merged from the global config,
  //  and the Radar chart defaults but this particular instance's scale will be reversed as
  // well as the ticks beginning at zero.
  </code></pre>