title: Chartjs change horizontal axis value
body: <p>What options to set in Chartjs to change the horizontal axis value, from the code below to have a base value of 100, instead of 0.</p>
  
  <p><a href="http://www.chartjs.org/samples/latest/charts/bar/vertical.html" rel="nofollow noreferrer">Chart to look like this, but y-axis base should be a 100 and not 0 as shown in the graph here.</a></p>
  
  <p>So, if a value of 70 is plotted on the bar chart, then it's y-axis should start at 100 to 70. While a value of 120, should start at 100 to 120 on it's y-axis.</p>
  
  <p><a href="https://i.stack.imgur.com/hRkU4.png" rel="nofollow noreferrer">Mock up, Excel version of how it should look like.</a></p>
  
  <p>I have tried some answers here but, unable to achieve this in Chartjs. </p>
  
  <p><strong>Note:</strong> I am working of the sample code from chartjs website. However, still can't get the specific scaling as needed.</p>
  
  <p><strong>Chartjs 2.6.0</strong></p>
  
  <pre><code>var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
      var color = Chart.helpers.color;
      var barChartData = {
          labels: ["January", "February", "March", "April", "May", "June", "July"],
          datasets: [{
              label: 'Dataset 1',
              backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
              borderColor: window.chartColors.red,
              borderWidth: 1,
              data: [140,10,60,69,56,110]
  
          }, {
              label: 'Dataset 2',
              backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
              borderColor: window.chartColors.blue,
              borderWidth: 1,
              data: [50,120,70,98,130,34]
          }]
  
      };
  
      window.onload = function() {
          var ctx = document.getElementById("canvas").getContext("2d");
          window.myBar = new Chart(ctx, {
              type: 'bar',
              data: barChartData,
              options: {
                  responsive: true,
                  legend: {
                      position: 'top',
                  },
                  title: {
                      display: true,
                      text: 'Chart.js Bar Chart'
                  }
              }
          });
  
      };
  </code></pre>
  
  <p><strong>Edited</strong> Removed Random numbers, and edited constants for testing purposes. I am currently looking into pluggins for Chartjs. This option might not be available in distributed package.</p>