質問編集履歴
1
説明の補足
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -47,6 +47,33 @@
|
|
|
47
47
|
###試したこと
|
|
48
48
|
[Click events on Pie Charts in Chart.js](http://stackoverflow.com/questions/26257268/click-events-on-pie-charts-in-chart-js)
|
|
49
49
|
こちらを参考に同じ形で動きを試しましたが、canvasタグ内全てでクリック反応が返ってきてしまいました
|
|
50
|
+
(追記)試したのは上記のページのこの部分を使わせていただきました。
|
|
51
|
+
```ここに言語を入力
|
|
52
|
+
var ctx = document.getElementById("chart-area").getContext("2d");
|
|
53
|
+
var chart = new Chart(ctx, config);
|
|
54
|
+
|
|
55
|
+
document.getElementById("chart-area").onclick = function(evt)
|
|
56
|
+
{
|
|
57
|
+
var activePoints = chart.getElementsAtEvent(evt);
|
|
58
|
+
|
|
59
|
+
if(activePoints.length > 0)
|
|
60
|
+
{
|
|
61
|
+
//get the internal index of slice in pie chart
|
|
62
|
+
var clickedElementindex = activePoints[0]["_index"];
|
|
63
|
+
|
|
64
|
+
//get specific label by index
|
|
65
|
+
var label = chart.data.labels[clickedElementindex];
|
|
66
|
+
|
|
67
|
+
//get value by index
|
|
68
|
+
var value = chart.data.datasets[0].data[clickedElementindex];
|
|
69
|
+
|
|
70
|
+
/* other stuff that requires slice's label and value */
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
```
|
|
74
|
+
var myPieChart = new Chart(ctx, {~});
|
|
75
|
+
の後からdocument.getElementById~と続く形で入れたところ、canvas範囲内でクリックした数だけ「ReferenceError: chart is not defined」が出たのを確認しました。
|
|
76
|
+
|
|
50
77
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
|
51
78
|
Chart.jsは2.2.0を使用しています
|
|
52
79
|
|