javascript - 缩放谷歌核心图表

Question

我在其他帖子中看到 googlecharts 可以使用选项轻松缩放explore。我一直没有成功尝试使用以下特征缩放此图表：

google.charts.load('current', {'packages':['corechart']});
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {
        	var data = new google.visualization.DataTable();
          data.addColumn('string', 'time');
          data.addColumn('number', 'value');
          data.addRows([['2001', 12],['2002', 15],['2003', 16],
                        ['2004', 12],['2005', 15],['2006', 19],
                        ['2007', 12],['2008', 25],['2009', 16],
                        ['2010', 22],['2011', 12],['2012', 13]]);

          var options = {
          	title: 'Price Chart',
            explorer: {actions: ['dragToZoom', 'rightClickToReset'],axis: 'horizontal',keepInBounds: true,maxZoomIn: 4.0},
             legend: { position: 'bottom' }
             };
          var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
        	chart.draw(data, options);
          }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <div id="curve_chart" style="width: 100%; height: 100%"></div>

如this question的评论所示，我没有使用参数date来传递数据，所以bug不是来自这里。

我猜这个问题来自addRowsor div。

在这里看小提琴

有什么建议么？