title: Set max value for Y axis in react-chart
body: <p>I have implemented a react-chart using the help of the following doc</p>
  
  <p><a href="http://www.chartjs.org/docs/latest/charts/line.html" rel="nofollow noreferrer">http://www.chartjs.org/docs/latest/charts/line.html</a></p>
  
  <p>I have implemented it successfully but this doc not show how to set a maximum value for the y axis. I want to set the max y axis for 100. But because my dataset does not exceed any value over 19, the max y axis is set at 20. </p>
  
  <p>How can i set the max y axis value for 100 even though my data does not exceed 19.?</p>
  
  <p>My code</p>
  
  <pre><code>class LineCharts extends Component {
  
      constructor() {
          super();
  
      }
  
      render() {
  
          var chartData = {
  
              labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
              datasets: [
                  {
                      color: "#4D5360",
                      highlight: "#616774",
                      borderColor: "rgba(179,181,198,1)",
                      pointBackgroundColor: "rgba(179,181,198,1)",
                      pointBorderColor: "#fff",
                      pointHoverBackgroundColor: "#fff",
                      pointHoverBorderColor: "rgba(179,181,198,1)",
                      label: 'Current lag',
                      fill: true,
                      lineTension: 0.1,
                      fillColor: "rgba(151,187,205,0.2)",
                      strokeColor: "rgba(151,187,205,1)",
                      pointColor: "rgba(151,187,205,1)",
                      pointStrokeColor: "#fff",
                      scaleOverride: true,
                      scaleStartValue: 0,
                      scaleStepWidth: 1,
                      scaleSteps: 5,
                      data: [12, 19, 3, 5, 2, 3, 4, 7, 9, 3, 12, 19],
                  },
  
  
              ],
  
          }
  
          var chartOptions = {
              showScale: true,
              pointDot: true,
              showLines: false,
  
              title: {
                  display: true,
                  text: 'Chart.js Bar Chart'
              },
  
              legend: {
                  display: true,
                  labels: {
                      boxWidth: 50,
                      fontSize: 10,
                      fontColor: '#bbb',
                      padding: 5,
                  }
              },
  
          }
  
          return (
  
              &lt;LineChart data={chartData} options={chartOptions} width="600" height="250"/&gt;
  
          );
      }
  }
  export default LineCharts;
  </code></pre>