laravelのデータをchart.jsでグラフ提示したい

Question

##バージョン
latavel6

##知りたいこと
データベースに保存しているデータにlaravelのcontrollerで取り出し、chart.jsで取り出す方法
chart.jsのグラフは円グラフにしたく、データベースの配列をx[1]から使いたいです。（x[0]は無視したい）

##現在のコード（動作しない）
detail.blade.php

<script>
#$data(ex."98765"を配列にする)
<?php
    $x = str_split($data);
?>
var data = {
        labels: ["ケース１", "ケース２", "ケース３", "ケース４"],
        datasets: [{
            # ここのdata部分がうまくいっていない模様
            data: [$x[1], $x[2], $x[3], $x[4]],
        }]
    };
    var ctx = document.getElementById("myChart1");
    var myPieChart = new Chart(ctx, {
        type: "pie",
        data: data
    });
</script>

---追記---
$dataには"98765"のような数字が入っています。
それをstr_splitで配列にし、$x[1]から順にグラフのdataとして使いたいです。

＄xに配列が格納されていることは確認しました。
その上で$x[0]以外の値を使ってグラフを使いたいのですが、上記の方法ではないようなので、正しい方法を教えていただきたいです。

Comments

[m.ts10806]

Laravelでない場合だとできているのでしょうか？
(PurePHPもしくは静的HTML)
できていない場合はそこから作っていったほうが確実です。
ブラウザに表示されるのはhtmlです。

[kon124]

静的HTMLでのグラフ表示はできます。
例えば
data: [1,2,3,4]とすれば正しく円グラフが描かれます

[m.ts10806]

$data の内容をサンプルでけっこうですので質問本文にご提示ください。
ただどう見てもblade上での変数や配列の使い方が間違ってるのでそこはドキュメントを確認しておさえておいてもらえたらと。

[kon124]

サンプルについて追記しました。
ドキュメントは改めて確認します...どうみても違うのですね...。

[m.ts10806]

>$dataには"98765"のような数字が入っています。

二桁以上は存在しないということですか？

[m.ts10806]

>どうみても違うのですね...。

はい。特に変数が何も囲わずそのまま置くことはありえません。そういう文字列としか認識されないはずです。
裏では置換が行われているので文法に則って正しく記述する必要があります。今回それだけで解決しそうには思います。
簡単にするならjson_encodeとかですけど。

[kon124]

> 二桁以上は存在しないということですか？

"98765"や"12213"のような五桁の数字が入っているという意味です。

[m.ts10806]

いえ、そういう意味ではなく、str_splitに第２引数なしだと必ず一文字ずつ分割されます。
ということは数字が何桁入っていても必ず一桁ずつおさめられることになります。そのうえで「全て一桁になるけどそれが仕様か」という確認がしたいのです。

[kon124]

そういう意味でしたか。失礼しました。
その通りです。一桁ずつの配列にします。

Answer 1

JSとPHPが混ざってる。

data: [$x[1], $x[2], $x[3], $x[4]],

手っ取り早くなら{{ $x[1] }}だけどこんな解決方法続けても意味がない。

$x = str_split($data);

こういうのはviewに書かずコントローラーでやっておく。
コントローラーからはjsonを返す。
JSではajaxでjsonを受け取って表示。
最初は難しいかもしれないけど最低限このくらいやるのが今の常識。
PHPとJSは分ける。
viewの中で混ぜて書くからこの質問のように間違える。

Comments

[kon124]

phpは別ファイルで書けということですね。
覚えておきます。
まずはjsonを扱うことから調べてみます。