質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.22%

mysqlで取得したデータを連想配列で動的にグラフ作成

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 888

sakanakuuuuunn

score 11

前提・実現したいこと

while文を使ってpdoで取得したデータを連想配列で複数取得し、それを同ファイル内のjavascriptにjsonで送り、下記のような形にしたいのですが、可能でしょうか。
理由としては、グラフを作るpluginを使って、複数人のグラフを作る際, このような形にしなくてはならないため。

[ [ time, 'sample1' ], [ time, 'sample2' ], [ time, 'sample3' ] ],
[ [ time, 'sample1' ], [ time, 'sample2' ], [ time, 'sample3' ] ]

発生している問題

下記コードで$json_testをprint_rすると
[["19","sample1"]][["19","sample1"],["30","sample2"]]

該当のソースコード

$graph_data = "";
$userData = array();

for($i = 0; $i < count($user_id_name); $i++){
        $sql ="ここはSELECT文が入ります";
        $stmt = $pdo -> query($sql);
        $stmt->execute();

  while($result = $stmt->fetch(PDO::FETCH_ASSOC)){
             $userData[]=array(
              $result['time'],
              $result['sample']
        );
  }
$jsonTest=json_encode($userData,JSON_UNESCAPED_UNICODE);
print_r($jsonTest);
}

$view = <<<EOD

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type = "text/javascript" src="/js/jquery/jquery-3.2.1.min.js"></script>

<script type="text/javascript">

var test=JSON.parse('{$jsonTest}');

</script>

補足情報

参考にしている使用するグラフのプラグインのソースコード

<script>
jQuery( function() {
    Tokyo = [ [ 8346496, 'A' ], [ 3460285, 'B' ], [ 6013175, 'C' ], [ 1125782, 'D' ], [ 2649327, 'E' ], [ 2821056, 'F' ] ];
    Osaka = [ [ 2782943, 'A' ], [ 8612849, 'B' ], [ 1628417, 'C' ], [ 5066818, 'D' ], [ 7536765, 'E' ], [ 9422470, 'F' ] ];
    Nagoya = [ [ 2782943, 'A' ], [ 8612849, 'B' ], [ 1628417, 'C' ], [ 5066818, 'D' ], [ 7536765, 'E' ], [ 1747767, 'F' ] ];
上記のtokyo,osaka,nagoyaの部分を今回mysqlで取得したデータにしたい
    jQuery . jqplot(
        'jqPlot-sample',
        [
            Tokyo, Osaka, Nagoya
        ],
        {
            seriesDefaults: {
                renderer: jQuery . jqplot . BarRenderer,
                rendererOptions: {
                    barDirection: 'horizontal'
                }
            },
            axes: {
                yaxis: {
                    renderer: jQuery . jqplot . CategoryAxisRenderer,
                }
            }
        }
    );
} );
</script>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

どういうことで困ってるのかいまいちわからないのですが、

<?php
$userData1 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);
$userData2 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);
$userData3 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);

$view = <<<EOD

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type = "text/javascript" src="/js/jquery/jquery-3.2.1.min.js"></script>

<script type="text/javascript">
jQuery( function() {
    Tokyo = {$userData1};
    Osaka = {$userData2};
    Nagoya = {$userData3};
    jQuery . jqplot(
        'jqPlot-sample',
        [
            Tokyo, Osaka, Nagoya
        ],
        {
            seriesDefaults: {
                renderer: jQuery . jqplot . BarRenderer,
                rendererOptions: {
                    barDirection: 'horizontal'
                }
            },
            axes: {
                yaxis: {
                    renderer: jQuery . jqplot . CategoryAxisRenderer,
                }
            }
        }
    );
} );
</script>
EOD;

print $view;

こういうことをしたいってことかな

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/08/25 02:51

    質問が悪くて、申し訳ありません。
    $userData1 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);
    $userData2 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);
    $userData3 = json_encode([[19,"sample1"], [19,"sample1"], [30,"sample2"]]);
    この部分をmysqlから取り出してきたデータにしたいのです。

    キャンセル

  • 2017/08/25 03:07

    それぞれ配列を作ってあげればよいのでしょうか。

    キャンセル

  • 2017/08/25 10:55

    $userData[]
    に入れるときにどの配列に入れるかで分岐ですね。

    $area = 東京名古屋大阪どれに当たるのかの値
    if(array_keys_exists($area, $userData) {
    $userData[$area] = [];
    }
    $userData[$area][] = array(mysqlで取得されたデータ)

    というイメージ

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.22%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる