質問編集履歴
4
タイトルの変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
chart.jsにて、
|
1
|
+
chart.jsで生成されたグラフにて、凡例部分をjsで選択(クリック)する方法
|
test
CHANGED
File without changes
|
3
全体構成の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,12 +1,6 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
|
3
|
-
chart.jsにて、特定の凡例を選択済みにしたまま表示したいです。
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
【ゴール】
|
8
|
-
|
9
|
-
|
3
|
+
chart.jsにて、凡例の選択・非選択を、jsで操作したい。
|
10
4
|
|
11
5
|
|
12
6
|
|
@@ -16,7 +10,7 @@
|
|
16
10
|
|
17
11
|
→画面リロード
|
18
12
|
|
19
|
-
→Bがクリックされた状態になっている
|
13
|
+
→Bがクリックされた状態になっている ←詰まっている所
|
20
14
|
|
21
15
|
|
22
16
|
|
@@ -24,7 +18,7 @@
|
|
24
18
|
|
25
19
|
jQueryにて、凡例を取得しクリックさせようとした。
|
26
20
|
|
27
|
-
→canvasな
|
21
|
+
→canvas内なので、上手く取得できず。
|
28
22
|
|
29
23
|
|
30
24
|
|
@@ -36,7 +30,11 @@
|
|
36
30
|
|
37
31
|
$("#canvas")
|
38
32
|
|
39
|
-
を用いても、canvas内の要素がとれず。
|
33
|
+
を用いても、canvas内のグラフ要素がとれず、以下のみが取得される。
|
34
|
+
|
35
|
+
<canvas id="canvas" style="display: block; width: 723px; height: 361px;" width="1446" height="722" class="chartjs-render-monitor"></canvas>
|
36
|
+
|
37
|
+
|
40
38
|
|
41
39
|
|
42
40
|
|
@@ -54,4 +52,6 @@
|
|
54
52
|
|
55
53
|
・凡例自体の表示/非表示ではなく、選択/非選択
|
56
54
|
|
57
|
-
・chart.jsでなくとも、別のグラフ描画ライブラリでも可
|
55
|
+
・chart.jsでなくとも、別のグラフ描画ライブラリで可能なものがあれば、そちらでの可
|
56
|
+
|
57
|
+
グラフが描画でき、凡例の選択のコントロールができればいいです。
|
2
ゴールの修正。
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,15 +6,7 @@
|
|
6
6
|
|
7
7
|
【ゴール】
|
8
8
|
|
9
|
-
①chart.jsの特定凡例を選択(その項目のグラフは非表示になる)、
|
10
|
-
|
11
|
-
その状態をDB(fire store)に保存したい。
|
12
|
-
|
13
|
-
→onClickファンクションを仕込めそうなので、対応できると予想しています。
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
②
|
9
|
+
②凡例の選択・非選択を、jsで操作したい。
|
18
10
|
|
19
11
|
|
20
12
|
|
1
試したこと、エラーを追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,6 +36,24 @@
|
|
36
36
|
|
37
37
|
|
38
38
|
|
39
|
+
▼chart.js 公式のサンプルサイト
|
40
|
+
|
41
|
+
https://www.chartjs.org/samples/latest/charts/bar/horizontal.html
|
42
|
+
|
43
|
+
jsで、右上の凡例の"dataset 1"を、クリックしたいです。
|
44
|
+
|
45
|
+
$("#canvas")
|
46
|
+
|
47
|
+
を用いても、canvas内の要素がとれず。
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
### エラー
|
52
|
+
|
53
|
+
なし
|
54
|
+
|
55
|
+
|
56
|
+
|
39
57
|
|
40
58
|
|
41
59
|
### 補足情報
|