teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問laravelのデータをchart.jsでグラフ提示したい

編集履歴

質問編集履歴

5

修正

2019/12/16 02:38

投稿

kon124
kon124

スコア9

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <script>
24
24
 
25
- #data(ex."98765"を配列にする)
25
+ #$data(ex."98765"を配列にする)
26
26
 
27
27
  <?php
28
28
 
@@ -58,6 +58,16 @@
58
58
 
59
59
  ```
60
60
 
61
+ ---追記---
62
+
63
+ $dataには"98765"のような数字が入っています。
64
+
65
+ それをstr_splitで配列にし、$x[1]から順にグラフのdataとして使いたいです。
66
+
67
+ ---------
68
+
69
+
70
+
61
71
  ＄xに配列が格納されていることは確認しました。
62
72
 
63
73
  その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。

4

コード改善

2019/12/16 02:38

投稿

kon124
kon124

スコア9

test CHANGED
File without changes
test CHANGED
@@ -36,6 +36,8 @@
36
36
 
37
37
  datasets: [{
38
38
 
39
+ # ここのdata部分がうまくいっていない模様
40
+
39
41
  data: [$x[1], $x[2], $x[3], $x[4]],
40
42
 
41
43
  }]

3

コードの修繕

2019/12/16 02:06

投稿

kon124
kon124

スコア9

test CHANGED
File without changes
test CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  datasets: [{
38
38
 
39
- data: [x[1], x[2], x[3], x[4]],
39
+ data: [$x[1], $x[2], $x[3], $x[4]],
40
40
 
41
41
  }]
42
42
 

2

コード改善

2019/12/16 02:00

投稿

kon124
kon124

スコア9

test CHANGED
File without changes
test CHANGED
@@ -19,6 +19,8 @@
19
19
  detail.blade.php
20
20
 
21
21
  ```php
22
+
23
+ <script>
22
24
 
23
25
  #data(ex."98765"を配列にする)
24
26
 
@@ -50,6 +52,8 @@
50
52
 
51
53
  });
52
54
 
55
+ </script>
56
+
53
57
  ```
54
58
 
55
59
  ＄xに配列が格納されていることは確認しました。

1

誤字修正

2019/12/16 01:58

投稿

kon124
kon124

スコア9

test CHANGED
File without changes
test CHANGED
@@ -20,16 +20,38 @@
20
20
 
21
21
  ```php
22
22
 
23
- #data
23
+ #data(ex."98765"を配列にする)
24
24
 
25
25
  <?php
26
26
 
27
- $sum = str_split($data);
27
+ $x = str_split($data);
28
28
 
29
29
  ?>
30
30
 
31
+ var data = {
31
32
 
33
+ labels: ["ケース１", "ケース２", "ケース３", "ケース４"],
32
34
 
35
+ datasets: [{
33
36
 
37
+ data: [x[1], x[2], x[3], x[4]],
38
+
39
+ }]
40
+
41
+ };
42
+
43
+ var ctx = document.getElementById("myChart1");
44
+
45
+ var myPieChart = new Chart(ctx, {
46
+
47
+ type: "pie",
48
+
49
+ data: data
50
+
51
+ });
34
52
 
35
53
  ```
54
+
55
+ ＄xに配列が格納されていることは確認しました。
56
+
57
+ その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。