Question

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

＆＃13;

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);
          }

＆＃13;

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

＆＃13;

如this问题的评论中所示，我没有使用参数date来传递数据，因此错误并非来自此处。

我猜这个问题来自addRows或div。

请参阅小提琴here

有什么建议吗？

缩放谷歌核心图

0 个答案: