JavaScript内のPHP変数をクォートするJavaScript用JavaScript変数ドーナツチャート

Question

今日、ドーナツチャートのJavascriptにPHP変数を渡すのは難しい時期です。私は今これをうまくやっていて、まだそれを理解することができませんでした。私はここの記事や多数のGoogle検索をチェックしましたが、まだ答えを見つけることができませんでした。私が達成しようとしていることは次のとおりです。

私は、特定のPHPページへのWebリファラーのために、MySQLからJavascriptのドーナツチャートにデータをプッシュしようとしています。 Javascriptのチャートの構文は以下のようなある：

<script> 
Morris.Donut({ 
element: 'css div', 
data: 
[ 
{ label: '<?php echo($graph["referrer"]); ?>', value: '<?php echo($graph["chart"]); ?>' }, 
] 
}); 
</script> 

$グラフ[「リファラは、」]変数には、このような「Google.com」としてリファラ名を保持し、$グラフ[「数」]変数を保持していますリファラー名の対応するレコード数を数字（「5」など）で示します。

"{label"で始まるJavascript行は、ドーナツチャートの一部を表します。最初にMySQLから引き出されたデータはfetchArray（）で処理されますが、私がしようとしているのは、PHPのforeach文（foreach（$ Array as $ graph）など）を使って各 "{label" fetchArray（）によって返される参照元の名前の数に基づいて動的に生成できます。私はこの仕事をするために考えられるすべてのことを考えました--Javascriptライン全体をPHPに格納してからJavascriptなどにエコーしますが、PHPでは常に内部エラーが発生します。

答えが私の鼻の下にあると確信しています。ありがとうございました。

Answer 1

使用json_encode()クリーンなデータオブジェクトを生成する：PHPで

：あなたのJavaScriptで

$data = array(array('label' => $graph["referrer"]), 'value' => $graph["chart"])); 

を。

data: <?php echo json_encode($data); ?> 

Answer 2

php変数の配列をjsスクリプトに渡す正しい方法は、jsonです。ここであなたがする必要があるものです：

PHP一部：

$sql = 'select * from ....'; // your query 
// execute query 
// as I don't know what mysql api do you use, 
// it's kinda pseudo-code 
// but the main idea is to get all rows 
// you need in one array `$graphs` 

$graphs = array(); 
while ($graph = fetch_array()) { 
    $graphs[] = array(
     'label' => $graph["referrer"], 
     'value' => $graph["chart"], 
    ); 
} 

JS一部：

<script> 
Morris.Donut({ 
    element: 'css div', 
    data: <?php echo json_encode($graphs); ?> 
}); 
</script> 

Answer 3

あなたは全く$graphの変数をループされていません。

<script> 
    Morris.Donut({ 
    element: 'css div', 
    data: [{ 
     label: '<?php echo($graph["referrer"]); ?>', 
     value: '<?php echo($graph["chart"]); ?>' 
    },] 
    }); 
</script> 

上記のコードでは、1つの変数のみがレンダリングされます。私はあなたがここでループのいくつかの種類を持っている必要があり、信じる：

<script> 
    Morris.Donut({ 
    element: 'css div', 
    data: [ 
<?php foreach (/* some loop */) { ?> 
     { 
     label: '<?php echo($graph["referrer"]); ?>', 
     value: '<?php echo($graph["chart"]); ?>' 
     }, 
<?php } ?> 
    ] 
    }); 
</script> 

それとも最良の方法は、JSONに出力するアレイとjson_encode()を使用することです。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.