Google-charts 或 Google-visualization angularjs 是否支持放大功能？答案

【问题标题】：Does Google-charts or Google-visualization angularjs support zoom in features?Google-charts 或 Google-visualization angularjs 是否支持放大功能？
【发布时间】：2015-10-28 14:37:15
【问题描述】：

我有这个 plunker 代码，它使用带有 angularjs 的 Google 图表创建折线图。

http://plnkr.co/edit/IgMRq50OcMuSWxZZSKHd?p=preview

根据 google-chart 文档，google-chart 支持放大和缩小等功能。 https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=en

但是，我不确定 google-chart 的 angularjs 版本是否支持缩放功能，因为文档主要是代码示例的形式。

如果可能，如何扩展 plunker 代码以支持缩放功能？

var app = angular.module('myApp', [ 'googlechart' ]);

    app.controller('MainCtrl', function($scope) {
        var chart1 = {};
        chart1.type = "LineChart";
        chart1.data = [
           ['Component', 'cost'],
           ['Software', 50000],
           ['Hardware', 80000],
           ['H1', 40000],
           ['H2', 30000],
           ['H3', 20000],
           ['H4', 50000],
           ['H5', 70000],
           ['H6', 80000],
           ['H7', 40000],
           ['H8', 30000],
           ['H9', 20000],
           ['H10', 10000],
          ];

【问题讨论】：

标签： javascript angularjs charts google-visualization

【解决方案1】：

您在选项中使用Explorer 对象。

Documentation，进入资源管理器部分。只需将空的 explorer:{} 添加到您的 options 变量即可开始在图表中进行试验。

【讨论】：

angularjs中怎么做？
在您的链接中，您在此部分添加您的选项chart1.options = { displayExactValues: true, width: 400, height: 200, is3D: true, chartArea: {left:10,top:10,bottom:0,height:"100%"} };，因此添加explorer:{} 为您提供资源管理器功能。但是您必须对其进行配置以使其按您希望的方式工作（我相信）。