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

編集履歴

質問編集履歴

5

修正

2019/12/16 02:38

投稿

kon124
kon124

スコア9

title CHANGED
File without changes
body CHANGED
@@ -10,7 +10,7 @@
10
10
  detail.blade.php
11
11
  ```php
12
12
  <script>
13
- #data(ex."98765"を配列にする)
13
+ #$data(ex."98765"を配列にする)
14
14
  <?php
15
15
  $x = str_split($data);
16
16
  ?>
@@ -28,5 +28,10 @@
28
28
  });
29
29
  </script>
30
30
  ```
31
+ ---追記---
32
+ $dataには"98765"のような数字が入っています。
33
+ それをstr_splitで配列にし、$x[1]から順にグラフのdataとして使いたいです。
34
+ ---------
35
+
31
36
  ＄xに配列が格納されていることは確認しました。
32
37
  その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。

4

コード改善

2019/12/16 02:38

投稿

kon124
kon124

スコア9

title CHANGED
File without changes
body CHANGED
@@ -17,6 +17,7 @@
17
17
  var data = {
18
18
  labels: ["ケース１", "ケース２", "ケース３", "ケース４"],
19
19
  datasets: [{
20
+ # ここのdata部分がうまくいっていない模様
20
21
  data: [$x[1], $x[2], $x[3], $x[4]],
21
22
  }]
22
23
  };

3

コードの修繕

2019/12/16 02:06

投稿

kon124
kon124

スコア9

title CHANGED
File without changes
body CHANGED
@@ -17,7 +17,7 @@
17
17
  var data = {
18
18
  labels: ["ケース１", "ケース２", "ケース３", "ケース４"],
19
19
  datasets: [{
20
- data: [x[1], x[2], x[3], x[4]],
20
+ data: [$x[1], $x[2], $x[3], $x[4]],
21
21
  }]
22
22
  };
23
23
  var ctx = document.getElementById("myChart1");

2

コード改善

2019/12/16 02:00

投稿

kon124
kon124

スコア9

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,7 @@
9
9
  ##現在のコード（動作しない）
10
10
  detail.blade.php
11
11
  ```php
12
+ <script>
12
13
  #data(ex."98765"を配列にする)
13
14
  <?php
14
15
  $x = str_split($data);
@@ -24,6 +25,7 @@
24
25
  type: "pie",
25
26
  data: data
26
27
  });
28
+ </script>
27
29
  ```
28
30
  ＄xに配列が格納されていることは確認しました。
29
31
  その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。

1

誤字修正

2019/12/16 01:58

投稿

kon124
kon124

スコア9

title CHANGED
File without changes
body CHANGED
@@ -9,10 +9,21 @@
9
9
  ##現在のコード（動作しない）
10
10
  detail.blade.php
11
11
  ```php
12
- #data
12
+ #data(ex."98765"を配列にする)
13
13
  <?php
14
- $sum = str_split($data);
14
+ $x = str_split($data);
15
15
  ?>
16
-
16
+ var data = {
17
-
17
+ labels: ["ケース１", "ケース２", "ケース３", "ケース４"],
18
+ datasets: [{
19
+ data: [x[1], x[2], x[3], x[4]],
20
+ }]
21
+ };
22
+ var ctx = document.getElementById("myChart1");
23
+ var myPieChart = new Chart(ctx, {
24
+ type: "pie",
25
+ data: data
26
+ });
18
- ```
27
+ ```
28
+ ＄xに配列が格納されていることは確認しました。
29
+ その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。