将php变量传递给jQuery flot piechart

Question

I have 3 variables defined in php

$record = "283-161-151";
$rec = explode("-", $record);
$win = $rec[0];
$draw = $rec[1];
$loss = $rec[2];

$win, $draw and $loss echo fine, so I know they are working

When setting the var data in a separate js file which runs at the foot of the page, I want to pass the 3 variables to 3 set text labels.

var data = [
{ label: 'Wins',  data: '<?php echo $win ?>', color:'green'},
{ label: 'Draws',  data: '<?php echo $draw ?>', color:'orange'},
{ label: 'Losses',  data: '<?php echo $loss ?>', color:'red'}
];

If I change each of the js php calls from <?php echo $win ?> to the actual number for testing the chart shows.

I wonder if the inline php syntax is correct? I have tried a couple of different formats, hoping its an easy fix with a fresh pair of eyes.

Update

php code

<?php
$record = "283-161-151";
$rec = explode("-", $record);
?>
<script>
 var win = <?php echo $rec[0]; ?>;
 var draw = <?php echo $rec[1]; ?>;
 var loss = <?php echo $rec[2]; ?>;
</script>

js file code

var data = [
{ label: 'Wins',  data: var win, color:'green'},
{ label: 'Draws',  data: var draw, color:'orange'},
{ label: 'Losses',  data: var loss, color:'red'}
];

When I look at page source I see this

<script>
 var win = 283;
 var draw = 161;
 var loss = 151;
</script>

But still no output.. if I replace var win, var draw etc in the final js file with numbers it does work..

anyone know if I am getting close? Cheers

Answer 1

I think the problem is that you are quoting the numbers. Change it so that the numbers are unquoted:

var data = [
{ label: 'Wins',  data: <?php echo $win ?>, color:'green'},
{ label: 'Draws',  data: <?php echo $draw ?>, color:'orange'},
{ label: 'Losses',  data: <?php echo $loss ?>, color:'red'}
];

Answer 2

Evidently your PHP variables are outside of the scope, that is because echo returns ''.

There is a good topic describing " How to define a variable in JavaScript with PHP echo function? "

PS: For testing purpose if it is possible you may try to embed javascript snippet into PHP-script where variables are declared.

Answer 3

You are trying to run php in a javascript file. The browser can not process server code. php runs on server only.

What you can do is pass the php variable to a javascript variable as follows: Within page ( prior to script tag for external script):

$record = "283-161-151";
$rec = explode("-", $record);
echo '<script>var plotData='.json_encode($rec).';</script>';
/* displays var plotData=[283,161,151]; */

Now using the javascript variable that already exists JS will be:

var data = [
{ label: 'Wins',  data: plotData[0], color:'green'},
{ label: 'Draws',  data: plotData[1], color:'orange'},
{ label: 'Losses',  data: plotData[2], color:'red'}
];