Lesen von Daten aus dem Verzeichnis PHP nach Jquery-Diagramm

Question

Ich versuche, meinen PHP setzen eine Variable aus einem Textdokument in meinem Site-Verzeichnis, dann meine JQuery verwenden, um eine Variable mit diesem Verzeichnis festlegen. Dies funktioniert jedoch nicht, da das Diagramm leer wird. Ich versuche auch, das gleiche mit der Textbox zu tun, wo es seinen Wert aus der gleichen Datei setzt. Keine dieser Bereiche funktioniert. Allerdings habe ich es auskommentiert, aber wenn ich eine einfache Zahl in der PHP-Variable verwende, funktioniert alles. Jetzt weiß ich, dass es tatsächlich einen Wert in der Textdatei gibt, als würde ich nach dem Setzen der Variablen aus der Datei ein Echo bekommen, bekomme ich eine Ausgabe von dem, was ich wollte. Warum erhält das Diagramm diese Ausgabe oder das Textfeld nicht?

Datei Beispiel

http://server1.sulmaxcp.com/value1.txt

CONSOLE ERROR

Uncaught Syntax: Ungültige oder unerwartetes Token auf der Leitung 13:

var pValue1 = ‚1

PHP

<?php 
$myFile=fopen("CHARTS/value1.txt","r") or exit("Can't open file!"); 
$pValue1 = fgets($myFile); 
fclose($myFile); 

//$pValue1 = 5; 
?> 

window.onload = function() { 
 
    var pValue1 = '<?php echo $pValue1; ?>'; 
 
    var bar = new RGraph.Bar({ 
 
    id: 'cvs1', 
 
    data: [pValue1, 2, 3, 4, 5, 6, 7, 8, 9], 
 
    options: { 
 
     backgroundGridDashed: true, 
 
     labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim', 'Pete', 'Lou', 'Fred', 'Jobe'], 
 
     title: 'A dashed background grid', 
 
     strokestyle: 'rgba(0,0,0,0)', 
 
     textAccessible: true 
 
    } 
 
    }).draw(); 
 
};

#btn_Charts { 
 
    width: 100px; 
 
    margin-top: 10px; 
 
    background: red; 
 
    border: 1px solid red; 
 
    border-radius: 5px; 
 
    text-align: center; 
 
    text-decoration: underline; 
 
    font-weight: bold; 
 
    color: white; 
 
}

<script src="http://server1.sulmaxcp.com/RGraph.common.core.js"></script> 
 
<script src="http://server1.sulmaxcp.com/RGraph.bar.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<canvas id="cvs1" width="600" height="250">[No canvas support]</canvas> 
 
<form method="post" action="Charts.php" id="Chart1" autocomplete="off"> 
 
    <input type="number" id="tb_1" name="tb_1" <?php echo 'value="'.$pValue1. '"';?>> 
 
    <div id="btn_Charts" onclick="javascript:this.parentNode.submit();"> 
 
    <p>Update</p> 
 
    </div> 
 
</form>

Answer 1

Als Ihr Javascript ganzen Zahlen für die Graph Generation erfordert dann empfiehlt Ändern ich folgendes:

var pValue1 = '<?php echo $pValue1; ?>'; 

zu

var pValue1 = <?php echo $pValue1; ?>;