title: Is there a way to reduce skew caused by few large y values in google line chart?
body: <p>I am creating a line chart using google charts with the code below</p>
  <pre><code>google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);
  
  function drawChart() {
  
      const datat = new google.visualization.DataTable();
      datat.addColumn(&quot;date&quot;, &quot;Date&quot;);
      datat.addColumn(&quot;number&quot;, &quot;New Users&quot;);
      datat.addColumn({'type': 'string', 'role': 'tooltip' , 'p': {'html': true}});
  
  
      for(var i=0; i&lt;data.length; i++){
  
          datat.addRow([new Date(data[i]['year']), parseInt(data[i]['value']), &quot;&lt;div style='margin: 10px; font-size:1.1em;'&gt;Date: &quot; + data[i]['year'] + &quot;&lt;br&gt;Users: &quot; + parseInt(data[i]['value']) + &quot;&lt;/div&gt;&quot;])
  
      }
  
      var options = {
          title: 'New Users Graph',
          curveType: 'function',
          legend: { position: 'none' },
          titleY: &quot;Users&quot;,
          titleX: &quot;Date&quot;,
          tooltip: {isHtml: true}
  
      };
  
  
      var chart = new google.visualization.LineChart(document.getElementById('users'));
  
      chart.draw(datat, options);
  }
  </code></pre>
  <p>Because the value range is high we can see the small values are very hardly visible. Is there a way to prevent such skew? The only option i have figured out is to increase the height of the div. I have set the height to 500px, still the graph has massive skew. We cannot even exclude the outlier or the high values. Is there a way to make the graph look little more balanced so that all values are easily visible? Thanks for the insights.</p>
  <p><a href="https://i.stack.imgur.com/AXuQ7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AXuQ7.png" alt="enter image description here" /></a></p>