回答編集履歴

修正

2019/07/04 01:38

投稿

m.ts10806

スコア80852

test CHANGED Viewed

@@ -476,8 +476,6 @@
 [$_GET](https://www.php.net/manual/ja/reserved.variables.get.php)
 標準機能はPHPマニュアルを必ず確認しましょう。
@@ -488,6 +486,12 @@
+未定義の変数をそのまま使ってたりするので、たぶんこれはスペルミス。
+定義した変数をコピペで使ってください。
 PHPが提供している機能はPHPマニュアルからコピペするくらいでやりましょう。
 IDEを利用すれば機能のサジェストもしてくれるし、未定義の変数関数や未使用の変数の洗い出しもリアルタイムでやってくれます。

修正

2019/07/04 01:38

投稿

m.ts10806

スコア80852

test CHANGED Viewed

@@ -479,3 +479,17 @@
 標準機能はPHPマニュアルを必ず確認しましょう。
+JavaScriptの中にそのままPHPの変数突っ込んでたり未使用の変数があったり
+HTMLの途中でscriptタグが置いてあったり、コードの整理のほうが気になったりしますが・・・
+PHPが提供している機能はPHPマニュアルからコピペするくらいでやりましょう。
+IDEを利用すれば機能のサジェストもしてくれるし、未定義の変数関数や未使用の変数の洗い出しもリアルタイムでやってくれます。
+デバッグの手間も減らしてくれるので必須と思います。

修正

2019/07/04 01:28

投稿

m.ts10806

スコア80852

test CHANGED Viewed

@@ -47,3 +47,435 @@
 問題の切り分けには「ミニマムコード」と「デバッグ」が不可欠です。
 デバッグについては[別の回答者さんの回答](https://teratail.com/questions/195256#reply-289628)を参考にすると良いです。
+# 読んでもらいたい蛇足
+コードインデントがぐちゃぐちゃになっているため{}の対応が分かりづらくなって抜けやすくなっています。
+コードフォーマット機能のついたエディタを使ってください。Windowsメモ帳？絶対ダメ、です。
+このあたりの記事も必ず読んでおいてください。
+- [初心者を戒めるPHP](https://qiita.com/tadsan/items/fb496e450fc27c8c4494)
+- [PHP初心者は最低限これはやっとけ - 開発に入る前編](https://qiita.com/rana_kualu/items/95f0c8be51e8665015d5)
+以下はEclipseのコードフォーマットを適用した結果
+```php
+<?php
+// グラフ作成のPHP
+// formから起算日（デフォルトは当日）を指定して送信されます。
+$day = $GET_['day'];
+?>
+<!DOCTYPE html>
+<html>
+<head>
+<title>testグラフ</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<script
+	src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"
+	type="text/javascript"></script>
+<script
+	src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
+</head>
+<body>
+<?php
+try {
+    $db = new PDO('mysql:host=localhost;dbname=webdb', 'root', 'root');
+    print("<p>データベース[webdb]に接続しました</p>");
+    // 起算日から1週間分のデータを取り出します。
+    $sql = "SELECT * FROM test WHERE createdate >= DATE(DATE_ADD($day, INTERVAL -7 DAY))";
+    $sto = $db->prepare($sql);
+    $sto->execute();
+    while ($row = $sto->fetch()) {
+        $sno = $row['sno'];
+        $day = $row['day'];
+        $calorie = ($row['calorie']);
+        $protein = ($row['protein']);
+        $lipid = ($row['lipid']);
+        $carbohydrate = ($row['carbohydrate']);
+        $calcium = ($row['calcium']);
+        $iron = ($row['iron']);
+        $zinc = ($row['zinc']);
+        $magnesium = ($row['magnesium']);
+        $folic_acid = ($row['folic_acid']);
+        $vitamin_a = ($row['vitamin_a']);
+        $vitamin_d = ($row['vitamin_d']);
+        $vitamin_e = ($row['vitamin_e']);
+        $vitamin_k = ($row['vitamin_k']);
+        $vitamin_b1 = ($row['vitamin_b1']);
+        $vitamin_b2 = ($row['vitamin_b2']);
+        $vitamin_c = ($row['vitamin_c']);
+        $dietary_fiber = ($row['dietary_fiber']);
+    }
+    // ビタミンとミネラルの合計を計算
+    $mineral = $carbohydrate + $calcium + $iron + $zinc + $magnesium;
+    $vitamin = $folic_acid + $vitamin_a + $vitamin_d + $vitamin_e + $vitamin_k + $vitamin_b1 + $vitamin_b2 + $vitamin_c;
+    $db = null;
+} catch (PDOException $e) {
+    die("<h2>データベース接続に失敗しました</h2>");
+}
+// 1週間分の摂取目標
+$calorie_total = 10850;
+$protein_total = 245;
+$lipid_total = 210;
+$carbohydrate_total = 455;
+$calcium_total = 4200;
+$iron_total = 45.5;
+$zinc_total = 35;
+$magnesium_total = 910;
+$folic_acid_total = 910;
+$vitamin_a_total = 3150;
+$vitamin_d_total = 280;
+$vitamin_e_total = 35.0;
+$vitamin_k_total = 595;
+$vitamin_b1_total = 5.6;
+$vitamin_b2_total = 6.3;
+$vitamin_c_total = 385;
+$dietary_fiber_total = 77;
+// ビタミンとミネラルの合計を計算
+$mineral_total = $carbohydrate_total + $calcium_total + $iron_total + $zinc_total + $magnesium_total;
+$vitamin_total = $folic_acid_total + $vitamin_a_total + $vitamin_d_total + $vitamin_e_total + $vitamin_k_total + $vitamin_b1_total + $vitamin_b2_total + $vitamin_c_total;
+// パーセントの計算を定義
+function num2per($val, $val_total, $precision = 0)
+{
+    if (($val < 0) or ($val_total < 0)) {
+        return false;
+    }
+    $val_percent = ($val / $val_total) * 100;
+    return round($val_percent, $precision);
+}
+$calorie_percent = num2per($calorie, $calorie_total);
+$protein_percent = num2per($protein, $protein_total);
+$lipid_percent = num2per($lipid, $lipid_total);
+$dietary_fiber_percent = num2per($dietary_fiber, $dietary_fiber_total);
+$mineral_percent = num2per($mineral, $mineral_total);
+$vitamin_percent = num2per($vitamin, $vitamin_total);
+?>
+<tr>
+		<td colspan="9"
+			style="text-align: center; font-size: 30px; background-color: #33FF99;">栄養素の合計値をグラフで表示</td>
+	</tr>
+	<!-- チャート描画キャンバス -->
+	<tr>
+		<td colspan="9"
+			style="width: 720px; height: 500px; backgroud-color: #FFF;"><div>
+				<canvas id="myChart" style="background-color: #fff;"></canvas>
+			</div></td>
+	</tr>
+	<script>
+// 色の設定
+var colorSet = {
+    red: 'rgb(255, 99, 132)',
+    orange: 'rgb(255, 159, 64)',
+    yellow: 'rgb(255, 205, 86)',
+    green: 'rgb(75, 192, 192)',
+    blue: 'rgb(54, 162, 235)',
+    purple: 'rgb(153, 102, 255)',
+    grey: 'rgb(201, 203, 207)'
+};
+// 乱数生成(0～100)
+var rnd100 = function(){
+    return Math.round(Math.random() * 100);
+};
+// 色のRGB変換
+var color = Chart.helpers.color;
+/*
+ * チャートの初期設定
+ */
+var config = {
+    type: 'radar',
+    data: {
+        labels: ["エネルギー", "たんぱく質", "脂質", "炭水化物", "ミネラル", "ビタミン"],
+        datasets: [{
+            label: "摂取量",
+            backgroundColor: color(colorSet.red).alpha(0.5).rgbString(),
+            borderColor: colorSet.red,
+            pointBackgroundColor: colorSet.red,
+            data: [<?php echo $calorie_percent ?>, <?php echo $protein_percent ?>, <?php echo $lipid_percent ?>, <?php echo $carbohydrate_percent ?>, <?php echo $mineral_percent ?>, <?php echo $vitamin_percent ?> ]
+        },]
+    },
+    options: {
+        animation:false,
+        showTooltips: false,
+        legend: { position: 'bottom' },
+        title: {
+            display: true,
+            fontSize:20,
+            fontColor:'#666',
+            text: '栄養素チャート'
+        },
+        scale: {
+            display: true,
+            pointLabels: {
+                fontSize: 15,
+                fontColor: colorSet.blue
+            },
+            ticks: {
+                display: true,
+                fontSize: 12,
+                fontColor: colorSet.green,
+                min: 0,
+                max: 100,
+                beginAtZero: true
+            },
+            gridLines: {
+                display: true,
+                color: colorSet.yellow
+            }
+        }
+    }
+};
+/*
+ * チャートの作成
+ */
+var myRadar = new Chart($("#myChart"), config);
+</script>
+	</table>
+</body>
+</html>
+```
+とりあえずパッと見て分かるのは**$GET_**って存在しません。
+[$_GET](https://www.php.net/manual/ja/reserved.variables.get.php)
+標準機能はPHPマニュアルを必ず確認しましょう。