Scroll To Zoom Chart Example

An example of a Google Area Chart.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 500px; height: 300px;"></div>

JavaScript

google.charts.load('current', {
        'packages': ['corechart']
      });
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales'],
          [new Date(2001, 01, 01), 30],
          [new Date(2002, 01, 01), 70],
          [new Date(2003, 01, 01), 45],
          [new Date(2004, 01, 01), 99],
          [new Date(2005, 01, 01), 22],
          [new Date(2006, 01, 01), 0],
          [new Date(2007, 01, 01), 89],
          [new Date(2008, 01, 01), 30],
          [new Date(2009, 01, 01), 32],
          [new Date(2010, 01, 01), 77],
          [new Date(2011, 01, 01), 67],
          [new Date(2012, 01, 01), 22],
          [new Date(2013, 01, 01), 23],
          [new Date(2014, 01, 01), 25],
          [new Date(2015, 01, 01), 9],
          [new Date(2016, 01, 01), 10],
          [new Date(2017, 01, 01), 77],
          [new Date(2018, 01, 01), 47],
          [new Date(2019, 01, 01), 22],
          [new Date(2020, 01, 01), 23],
          [new Date(2022, 01, 01), 12],
          [new Date(2023, 01, 01), 9],
          [new Date(2024, 01, 01), 10],
          [new Date(2025, 01, 01), 10],
          [new Date(2026, 01, 01), 77],
          [new Date(2027, 01, 01), 67],
          [new Date(2028, 01, 01), 22],
          [new Date(2029, 01, 01), 23],
          [new Date(2030, 01, 01), 34],
          [new Date(2031, 01, 01), 9],
          [new Date(2032, 01, 01), 10],
          [new Date(2033, 01, 01), 22],
          [new Date(2034, 01, 01), 23],
          [new Date(2035, 01, 01), 19],
          [new Date(2036, 01, 01), 12],
          [new Date(2037, 01, 01), 10],
          [new Date(2038, 01, 01), 17],
          [new Date(2039, 01, 01), 6],
          [new Date(2040, 01, 01), 6],
          [new Date(2041, 01, 01), 22],
          [new Date(2042, 01, 01), 23],
          [new Date(2043, 01, 01), 71],
          [new Date(2044, 01, 01), 9],
          [new Date(2045, 01, 01), 10],
...