title: Chart Js Negative Scale
body: <p>i need start Bar Chart scale in negative values, i am using Chart Js in 2.7.0 Version.</p>
  
  <p>the chart must go from -10 to 100.</p>
  
  <p><strong>Image Example:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ihk41.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/ihk41.jpg" alt="enter image description here"></a></p>
  
  <p>it's possible? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var canvas = document.getElementById('myChart');
  var data = {
      labels: ["Test"],
      datasets: [
          {
              label: "-10 to 100",
              backgroundColor: "rgba(255,99,132,0.2)",
              borderColor: "rgba(255,99,132,1)",
              borderWidth: 2,
              hoverBackgroundColor: "rgba(255,99,132,0.4)",
              hoverBorderColor: "rgba(255,99,132,1)",
              data: [100],
          }
      ]
  };
  var option = {
   scales: {
     yAxes:[{
        stacked:true,
          gridLines: {
           display:true,
            color:"rgba(255,99,132,0.2)"
          }
      }],
      xAxes:[{
        gridLines: {
           display:false
          }
      }]
    }
  };
  
  var myBarChart = Chart.Bar(canvas,{
   data:data,
    options:option
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.js"&gt;&lt;/script&gt;
  &lt;canvas id="myChart" width="400" height="200"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Jsfiddle : <a href="https://jsfiddle.net/LilNawe/Luaf2tm4/636/" rel="noreferrer">https://jsfiddle.net/LilNawe/Luaf2tm4/636/</a></p>