How do I apply Google column chart scroll?

{%blockbarChart%}
<div id="columnchart_values" style="width:100%; height:300px;"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load("current", {packages:['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ["Element", "Density", { role: "style" } ],
        ["Copper", 8.94, "#b87333"],
        ["Silver", 10.49, "silver"],
        ["Gold", 19.30, "gold"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
        ["Platinum", 21.45, "color: #e5e4e2"],
      ]);

      var view = new google.visualization.DataView(data);
      view.setColumns([0, 1,
                       { { calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" },
                       2]);

      var options = {
        // Chart Title
        title: "Chart Title Entry Interval",
        // Chart Title Style
        titleTextStyle:{
            color:'gray',
            fontSize:18,
            bold:true,
            //fontName:,
        },
        // Data Label Properties
        annotations: {
            textStyle: {
            //fontName: 'Times-Roman',
            fontSize: 18,
            bold: true,
            italic: false,
            color: 'blue',
            auraColor: 'blue',
            opacity: 0.8
            }
        },
        // Tooltip Properties
        tooltip: {textStyle: {color: '#FF0000', fontSize:17}, showColorCode: true},
        // Chart Background Color
        backgroundColor:{fill:'#f2f2f2', stroke:'skyblue', strokeWidth:4},
        chartArea:{width:'70%',height:'70%',backgroundColor:'yellow'},
        //
        explorer: { axis: 'horizontal', actions: ['dragToPan'] },



        width: 600,
        height: 300,
        bar: {groupWidth: "95%"},
        legend: { position: "none" },
      };
      var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
      chart.draw(view, options);
  }

</script>
{% {% endblock %}