点击饼图上的角度图表(angular-chart.js),如何获取点击的部分数据

时间:2016-09-14 07:33:58

标签: angularjs angular-chart

我正在使用angular-chart.js,  点击饼图的任何部分,如何获取所选部分数据,请查看下面的示例代码,并在饼图上单击帮助获取所选饼图部分数据的数据。 或者是否有任何方法可以让图表索引传递给chartClick($ index)?

参考:https://jtblin.github.io/angular-chart.js/#reactive

HTML:
<canvas id="pie" class="chart chart-pie"
  chart-data="data" chart-labels="labels" chart-click="chartClick($index)">
</canvas> 

Js:
angular.module("app", ["chart.js"]).controller("PieCtrl", function ($scope) {
  $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];
  $scope.data = [300, 500, 100];
});

0 个答案:

没有答案