title: google charts minimum maxValue
body: <p>I faced problem to set minimum maxValue in vAxis google charts.
  When I have data it works perfect <a href="https://drive.google.com/open?id=0Bx0GcihrpBnyb0padFBpQlNlb2c" rel="nofollow noreferrer">With Data</a></p>
  
  <p>But when have not data I have this <a href="https://drive.google.com/open?id=0Bx0GcihrpBnybzhfSTFrLVMtZ0U" rel="nofollow noreferrer">WithoutData</a></p>
  
  <p>How could I set minimum maxValue for example 10, that see scale from 0 to 10 when I have not data and see maxValue from data when I have data?</p>
  
  <p>This my code</p>
  
  <pre><code>&lt;div  class="show_chart"&gt;
      &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          google.charts.load('current', {'packages': ['bar']});
          google.charts.setOnLoadCallback(drawChart);
          function drawChart() {
          var data = google.visualization.arrayToDataTable(&lt;?= $data ?&gt;);
          var options = {
          chart: {
          title: 'Company Performance',
          subtitle: 'Sales, Expenses, and Profit: 2014-2017',
          },
          vAxis: {
  
                  viewWindow: {
                  min: 0,
                  },
  
                  textStyle: {fontSize: 12},
                  format: '0',
  
          },
                  hAxis: {
                  title: "Days",
                  },
                  format: '0',
  
          };
          var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
          chart.draw(data, google.charts.Bar.convertOptions(options));
          }
      &lt;/script&gt;
  &lt;/div&gt;
  
  &lt;div id="columnchart_material" style="width: 800px; height: 500px;"&gt;&lt;/div&gt;
  </code></pre>