Kann nicht PHP-Variablen im JS-Skript bei der Einstellung Highcharts-Kopf-Tag

Unten ist ein Auszug aus meiner PHP-Datei ( recherche.php ), die Html und Javascript ( JQuery Highcharts ) -Codes enthält und eine MySQL Abfrage JQuery Highcharts .

Aber ich kann nicht auf die PHP Variablen zugreifen, wenn du den JQuery-Code in der Kopfmarke setzt

  • Hinzufügen eines dynamischen Mittels zum Zeitreihenplan
  • Welches Format akzeptiert die Highcharts der Bibliothek?
  • Konflikt beheben bei der Verwendung von Highchart und Highmap zusammen (TypeError: ma ist keine Funktion)
  • Daten in Form von Variablen -Highcharts übergeben
  • Drehen eines Donut-Diagramms in Javascript, nachdem es gerendert wird
  • Highcharts zeichnen sich nicht neu aus
  •   <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title></title> <link href="../css/bootstrap.css" type="text/css" rel="stylesheet" /> <link href="../css/style.css" type="text/css" rel="stylesheet" /> <script src="./graphics/js/jquery-1.9.1.js" type="text/javascript"></script> <script src="./graphics/js/highcharts.js" type="text/javascript"></script> <script type="text/javascript"> var cat = '<?php echo $categorys; ?>' ; var data1 = '<?php echo $datas; ?>' ; var data2 = '<?php echo $datas2; ?>' ; var data3 = '<?php echo $datas3; ?>' ; var chart; $(document).ready(function() { chart1 = new Highcharts.Chart({ chart: { renderTo: 'containerxx', type: 'bar' }, title: { text: 'Average salaries of the sector' }, xAxis: { categories: ['Women', 'Men'] }, yAxis: { title: { text: 'Salary' } }, series: [{ name: 'average salary', data: document.write(data1); }, { name: 'max salary', data: document.write(data2); }, { name: 'min salary', data: document.write(data3); }] }); }); </script> 

    … und unten, noch in der gleichen datei und im body tag, nach einigen mehr code, sind die php variablen zuteilungen:

      ... while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { $category[] = $row[$categorie]; $data[] = (INT)$row['Salaire_moyen']; $data2[] = (INT)$row['Salaire_Max']; $data3[] = (INT)$row['Salaire_Min']; } $categorys = json_encode($category); echo $categorys ; echo "<br/><br/>"; $datas = json_encode($data); echo $datas ; echo "<br/><br/>"; $datas2 = json_encode($data2); echo $datas2; echo "<br/><br/>"; $datas3 = json_encode($data3); echo $datas3 ; echo "<br/><br/>"; .... 

    Und das ist der Befehl, die Highchart-Grafik zu starten:

      <div id="containerxx" style="width:100%; height:400px; margin:0 auto"></div> 

    Aber leider ist kein Diagramm auf dem Bildschirm diplayed.

    Aber wenn ich das gleiche mit statischen Werten in der gleichen PHP-Datei funktioniert es funktioniert und ich kann die Highchart-Grafik in meiner Webseite.

    Zum Beispiel, wenn ich dieses Skript unten anstelle der oben in der gleichen Datei schreibe, funktioniert es und die Grafik ist auf meiner Seite diplayed:

      <script type="text/javascript"> var chart; $(document).ready(function() { chart1 = new Highcharts.Chart({ chart: { renderTo: 'containerxx', type: 'bar' }, title: { text: 'Salaire moyen des métiers de l\'informatique' }, xAxis: { categories: ['Architecte logiciel', 'Développeur logiciel', 'Infogérance'] }, yAxis: { title: { text: 'Salaire moyen' } }, series: [{ name: 'Femmes', data: [60000, 45000, 25000] }, { name: 'Hommes', data: [75000, 48000, 27500] }] }); }); </script> 

    Was vermisse ich, um meine grafische Dynamik mit PHP-Variablen trotz Statik zu machen?

  • Wie extrahiere ich Daten fron json zu Javascript Highchart?
  • Highcharts - Area Chart - Stacking mit Serien mit negativen und positiven Werten
  • Hinzufügen eines dynamischen Mittels zum Zeitreihenplan
  • Highstock-Highcharts unregelmäßige Daten werden falsch x-scale
  • Zeigt Datenbeschriftungen oben in gestapelten Spaltengraphen in Highcharts an
  • Highcharts - Wie ändere ich das Filterstyling?
  • 2 Solutions collect form web for “Kann nicht PHP-Variablen im JS-Skript bei der Einstellung Highcharts-Kopf-Tag”

    Sie müssen Ihre Variablen vor dem Echo in Ihrer JavaScript-Funktion initialisieren. Also platziere das PHP, das diese Variablen über dein <script> lädt

     series: [{ name: 'average salary', data: document.write(data1) }, { name: 'max salary', data: document.write(data2) }, { name: 'min salary', data: document.write(data3) }] 

    Extra Semikolon nach document.write(data1/2/3/...)

    Lassen Sie uns Javascript Schönheit und nützlich machen.