如何为角度js条形图添加事件

Question

嗨我想为角度js条形图添加onclick事件并获得Y轴值.如何实现这一点是我的代码

 <div ng-controller="BarCtrl" class="chart_contr" style="margin-left: auto;margin-right: auto;margin-top: 10%;width: 300px;padding:0px 10px;">
         <canvas id="bar" class="chart chart-bar" data="data" labels="labels" width="400" height="400"></canvas> 
                            </div>

JavaScript的

 app.controller("BarCtrl", function ($scope) {
  $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
  $scope.series = ['Series A', 'Series B'];

  $scope.data = [
    [65, 59, 80, 81, 56, 55, 40],
    [28, 48, 40, 19, 86, 27, 90]
  ];
  });

Answer 1

添加click="onClick"(非ng-click)属性到您的<canvas>

<canvas id="bar" class="chart chart-bar" data="data" labels="labels" width="400" height="400" click="onClick"></canvas> 

将其添加到您的控制器:

  $scope.onClick = function (points, evt) {
    console.log(points[0].value); // 0 -> Series A, 1 -> Series B
  };