Добавить событие в гугл-чарт

0

Я использую Angular Google Chart, но я не знаю, как добавить событие select.

В API Doc можно увидеть метод 'registerWrapperListener', но я его не использовал

Некоторая идея добавить select-event в этом примере?

спасибо вам

'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;

});
<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>
  • 0
    Вы выяснили, как это сделать?
Теги:
charts

1 ответ

0

В вашем html-коде это будет:

<div google-chart chart="chart" style="{{chart.cssStyle}}" on-select="selectCallbackMethodYouWant(selectedItem)" />

Ещё вопросы

Сообщество Overcoder
Наверх
Меню