首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在ng-google-chart中添加事件

在ng-google-chart中添加事件
EN

Stack Overflow用户
提问于 2015-07-20 20:21:27
回答 1查看 415关注 0票数 0

我正在使用Angular Google Chart,但我不知道如何添加select事件。

API Doc中可以看到方法'registerWrapperListener',但我没有使用它

在这个例子中添加select-event有什么想法吗?

谢谢你

代码语言:javascript
复制
'use strict';

angular.module('google-chart-example', ['googlechart']).controller("MainCtrl", function($scope) {

  var chart1 = {};
  chart1.type = "OrgChart";
  chart1.cssStyle = "height:200px; width:300px;";
  chart1.data = {
    cols: [{
      id: 'Name',
      label: 'Name',
      type: 'string'
    }, {
      id: 'Manager',
      label: 'Manager',
      type: 'string'
    }, {
      id: 'ToolTip',
      label: 'ToolTip',
      type: 'string'
    }],
    rows: [{
      c: [{
        v: '0',
        f: 'CEO'
      }, {
        v: ''
      }, {
        v: 'The CEO'
      }]
    }, {
      c: [{
        v: '1',
        f: 'worker 1'
      }, {
        v: '0'
      }, {
        v: ''
      }]
    }]
  };
  $scope.chart = chart1;

});
代码语言:javascript
复制
<html xmlns="http://www.w3.org/1999/html">

<body ng-app="google-chart-example" ng-controller="MainCtrl">
  <div>
    <div google-chart chart="chart" style="{{chart.cssStyle}}" />
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <script src="http://bouil.github.io/angular-google-chart/ng-google-chart.js"></script>
  <script src="example.js"></script>
</body>

</html>

EN

回答 1

Stack Overflow用户

发布于 2015-10-23 20:39:53

在您的html代码中,它将是:

代码语言:javascript
复制
<div google-chart chart="chart" style="{{chart.cssStyle}}" on-select="selectCallbackMethodYouWant(selectedItem)" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31516387

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档