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

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

如果可能，如何扩展 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:{} 添加到您的选项变量就可以开始在您的图表中进行试验。

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

Does Google-charts or Google-visualization angularjs support zoom in features?

javascript

charts

google-visualization

angularjs