表示用の3つの値とラベルを持つ角度チャートを作成しています。チャートをクリックすると、クリックしたラベルが表示されます。ポイントから値を取得しようとしています。
$scope.data = ["prospective","CallBacks","Closed"];
$scope.labels = ["4","2","3"];
$scope.onClick = function (points,evt) {
console.log("Points: "+JSON.stringify(points));
$scope.struct=JSON.stringify(points);
$scope.value=$scope.struct.label;
}
<canvas id="pieChart" class="chart chart-pie"
chart-data="data" chart-labels="labels" chart-legend="true" chart-click="onClick">
</canvas>
<span>{{value}}</span>
ポイントの下にログを表示:
[{"value":4,"outerRadius":95.5,"innerRadius":0,"fillColor":"rgba(151,187,205,0.8)","highlightColor":"rgba(151,187,205,0.8)","showStroke":true,"strokeWidth":2,"strokeColor":"#fff","startAngle":4.71238898038469,"circumference":1.9332877868244882,"label":"Prospective","_saved":{"value":4,"outerRadius":95.5,"innerRadius":0,"fillColor":"rgba(151,187,205,1)","highlightColor":"rgba(151,187,205,0.8)","showStroke":true,"strokeWidth":2,"strokeColor":"#fff","startAngle":4.71238898038469,"circumference":0,"label":"Prospective"},"endAngle":6.645676767209178}]
ログから値を取得できますが、ラベルが未定義として表示されている $scope.value で同じ値を使用しています。