使用jqplot在Javascript中使用

Question

這個問題已經在這裏問過幾次了，但不幸的是答案沒有解決我的問題。

該網站是目前可見的活在http://www.crosstrendanalysis.co.uk/jqplot_test.php

相關的代碼如下，但是問題的關鍵在於下面的代碼之內;

var line1 = "<?php echo $outputString; ?>"; 

當我使用輸出（通過複製和粘貼）$ outputString而不是使用它創建一個圖形完全正常的PHP的，但是當我嘗試使用PHP這是行不通的。

我想從一個MySql數據庫中獲取數組使用JQPlot。

<script type="text/javascript"> 
$(document).ready(function(){ 
    var line1 = "<?php echo $outputString; ?>"; 
    var plot1 = $.jqplot('chart1', [line1], { 
    title: 'Volume of questionnaires completed', 
    series:[{renderer:$.jqplot.BarRenderer}], 
    axesDefaults: { 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
     tickOptions: { 
      angle: -30, 
      fontSize: '10pt' 
     } 
    }, 
    axes: { 
     xaxis: { 
     renderer: $.jqplot.CategoryAxisRenderer 
     } 
    } 
    }); 
}); 
</script> 

<div id="chart1" style="height:300px; width:500px;"></div> 
<?php echo "<h3>"; 
echo $output; 
    echo "<br>"; 
    echo $outputString; 
    echo "</h3>";?> 

我一直在掙扎與此相當長的一段時間，所以如果有人能解決這個問題我將非常感激：數組與下面的代碼

$weeknumbers = array(); 
$completedquestionnaires = array(); 

$output = array(); 
while($row=mysqli_fetch_assoc($resultQuestionnaireCount)){ 
// $completedquestionnaires[] = $row['VolumeOfAnswers']; 
// $weeknumbers[] = $row['WeekNumber']; 
$temp1 = array(); 
$temp2 = array(); 
$temp1[] = "".$row['WeekNumber'].""; 
$temp2[] = "".$row['VolumeOfAnswers'].""; 

$output[] = '[' . json_encode(implode(", ", $temp1)) . ', ' . implode(", ", $temp2) . ']'; 
//$output[] = $temp1; 
} 
//$outputTemp = implode(',\n',$output); 
$outputString = '['.print_r(implode(",\n",$output),1).']'; 
$output = json_encode($output); 

的JQPlot代碼創建的。

感謝 Maudise

Answer 1

當你輸出PHP，它總是一個好主意，用鼠標右鍵單擊瀏覽器和查看源代碼。在這種情況下，你有這樣的事情：

var line1 = "[.....], 
[.....], 
[.....]"; 

這是無效的，你的控制檯應該告訴你關於一個未終止字符串常量。

您應該始終使用json_encode將PHP變量輸出到JavaScript。在這種情況下，你的代碼應該改寫這樣的：

在JavaScript

$weeknumbers = array(); 
$completedquestionnaires = array(); 

$output = array(); 
while($row=mysqli_fetch_assoc($resultQuestionnaireCount)){ 
    $temp1[] = "".$row['WeekNumber'].""; 
    $temp2[] = "".$row['VolumeOfAnswers'].""; 

    $output[] = array($row['WeekNumber'], $row['VolumeOfAnswers']); 
} 
$outputString = json_encode($output); 

然後：

var line1 = <?php echo $outputString; ?>;