Javascript 缩放谷歌折线图

我正在尝试用谷歌可视化API创建一个折线图。我想启用缩放。假设“资源管理器”选项很有用。 但当我尝试使用“资源管理器”选项时，会显示图表，但缩放不起作用

这是我的代码：

function drawVisualization(dataValues) {
var data = new window.google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Count');

for (var i = 0; i < dataValues.length; i++) {
    data.addRow([new Date(dataValues[i].Year, dataValues[i].Month-1, dataValues[i].Day), dataValues[i].Count]);
}

var formatter_short = new google.visualization.DateFormat({ formatType: 'short' });
formatter_short.format(data, 0);
var options = {
    title: "Time statistics",
    explorer: { maxZoomOut: 8 }
};
var chart = new google.visualization.LineChart(document.getElementById('date'));
chart.draw(data, options);
}

函数绘图可视化（数据值）{
var data=new window.google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'Count'）；
对于（var i=0；i

---

如何解决此问题并使折线图可缩放？

这似乎正在与和一起使用（即使此项未被记录）

---

以下是我如何使用

dragToZoom

explorer功能实现缩放的

explorer: { 
        actions: ['dragToZoom', 'rightClickToReset'],
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn: 4.0
}

小提琴在这儿

还可以通过滚动来进行缩放

explorer: {
        axis: 'horizontal',
        keepInBounds: true,
        maxZoomIn: 4.0
}

用于滚动缩放的小提琴在这里

请尝试以下操作：

google.charts.load（'current'{
回调：函数（）{
图纸（）；
window.addEventListener（'resize'，drawChart，false）；
},
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”]，
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
动画：{
持续时间：1000，
“线性”，
启动：正确
},
身高：600，
宽度：window.innerWidth，
主题:"材料",，
标题：“公司业绩”
};
var chart=new google.visualization.ColumnChart（document.getElementById（'ColumnChart_material'）；
图表绘制（数据、选项）；
}

下面的代码可以工作，但您不应该在图表上使用动画。删除动画并仅使用资源管理器。这是一个错误，如果应用了动画，则缩放将不起作用

我花了几个星期才弄明白

explorer: {
  keepInBounds: true,
  maxZoomIn: 8.0
}

---

使用带有“日期”类型轴的资源管理器选项时，API中存在已知错误。开发团队正在研究一个解决方案。这也适用于散点图。此外，据我所知，如果轴上有任何日志缩放，则此功能不起作用。您好，这对我不起作用。请帮助其urgenHello这对我不起作用。请帮助其urgent@HarrySharma你能至少解释一下你是如何使用它的吗？@HarrySharma似乎还没有为甘特图定义缩放以及如何缩放在移动设备或Android Webview上滚动谷歌图表？我已经尝试了以上选项，在我的电脑浏览器上工作正常，但在Android Webview或移动浏览器上不工作，请帮助我。。

explorer: {
  keepInBounds: true,
  maxZoomIn: 8.0
}