javascript - Google 图表或 Google 可视化 AngularJS 是否支持放大功能？

Question

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

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],
          ];

Answer 1

您在选项中使用Explorer对象。

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