Php und MySQL mit Highchart

Jemand kann mir helfen. Ich bin neu in php und highcharts. Ich versuchte, Sie zu füllen, meine Grafik mit mysql und php, aber wenn ich habe versucht zu laufen, wird das Diagramm nicht angezeigt, ich habe nur sse eine leere web-Seite. Und es ist kein Fehler aufgetreten.

Ihr ist mein Code (sorry für den chaotisch-code):

<!DOCTYPE HTML>
 <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title>

       <script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="../../js/highcharts.js"></script>
    <script src="../../js/modules/exporting.js"></script>

</head>

        <body>

    <?php
include "config.php";

$SQL1 =     "SELECT * FROM pos";

$result1 = mysql_query($SQL1);
$data1 = array();
while ($row = mysql_fetch_array($result1)) {
   $data1[] = $row['name'];
   $data2[] = $row['Qty'];

}
?>

<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            margin: [ 50, 50, 100, 80]
        },
        title: {
            text: 'List of POS'
        },
    credits: {
    enabled: false
    },
        xAxis: {
            categories: [<?php echo join($data1, "','"); ?>],
            labels: {
                rotation: -45,
                align: 'right',
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'No. of Ticket'
            }
        },
        legend: {
            enabled: false,
    layout: 'vertical',
                        backgroundColor: '#FFFFFF',
                        align: 'left',
                        verticalAlign: 'top',
                        x: 50,
                        y: 35,
                        floating: true,
                        shadow: true
        },
        tooltip: {
            pointFormat: '<b>{point.y:.1f} tickets</b>',
        },
     plotOptions: {
                            column: {
                                        pointPadding: 0.2,
                                        borderWidth: 0
                                    }
                        },
        series: [{
            name: 'Qty',
            data: ['<?php echo join($data2, "','"); ?>'],
    dataLabels: {
                enabled: true,
                rotation: -90,
                color: '#FFFFFF',
                align: 'right',
                x: 4,
                y: 10,
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif',
                    textShadow: '0 0 3px black',

                }
            }
        }]
    });
});

    </script>

   <div id="container" style="min-width: 500px; height: 400px; margin: 0 auto"></div>

</body>
    </html>

Und hier ist meine config.php

 <?php
 $mysql_hostname = "localhost";
 $mysql_user = "root";
 $mysql_password = "";
 $mysql_database = "pos";
 $prefix = "";
 $bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Could not  connect database");
 mysql_select_db($mysql_database, $bd) or die("Could not select database");

  ?>

Wenn Sie das anzeigen der Quelle der Webseite, die Ihr versuchen zum anzeigen, tut es zeigt alle JavaScript-korrekt? Dies ist eine einfache Möglichkeit, um herauszufinden, wenn Sie haben ein php-problem oder ein JavaScript ein
Wie sieht dein json Aussehen? kann zeigen, dass das, was tatsächlich geschrieben wird?
Ich habe keine json-Datei, statt direkt Programmieren in mysql und php
Nehmen Blick auf das ähnliche Thema highcharts.com/docs/working-with-data/.... Ich rate zur Rückgabe von json in der php-Datei, und laden Sie dann json von jquery. Werden Sie sicher, dass alle Werte korrekt sind.

InformationsquelleAutor user3098728 | 2013-12-27

2

Leere Seiten, die in der Regel bedeuten Syntaxfehler. Schalten Sie error_reporting auf.

Die Fehler sind in der Verwendung Ihrer echo Aussagen, wo konstruieren Sie der json. Der Fehler ist, dass Sie fehlen semi Doppelpunkte sowohl in der echo Aussagen.

Ersetzen <?php echo join($data1, ',') ?> mit <?php echo join($data1, ','); ?>

Ebenso für $data2:

Ersetzen <?php echo join($data2, ',') ?> mit <?php echo join($data2, ','); ?>

Eine weitere Verbesserung, die man machen könnte in den folgenden block:
```
    <?php
include "config.php";

$SQL1 =     "SELECT * FROM pos";

$result1 = mysql_query($SQL1);
$data1 = array();
while ($row = mysql_fetch_array($result1)) {
   $data1[] = $row['name'];
}

$result2 = mysql_query($SQL1);
$data2 = array();
while ($row = mysql_fetch_array($result2)) {
   $data2[] = $row['Qty'];
}
?>
```
Statt der Ausführung der Abfrage zweimal zu bauen, die zwei arrays, die Sie loswerden konnte einer der Abfragen und erstellen der arrays aus den gleichen query-Ergebnis:
```
<?php
include "config.php";

$SQL1 =     "SELECT * FROM pos";

$result1 = mysql_query($SQL1);

$data1 = array();
$data2 = array();

while ($row = mysql_fetch_array($result1)) {
   $data1[] = $row['name'];
   $data2[] = $row['Qty'];
}
?>
```
Hinweis: Der php mysql - Erweiterung ist veraltet seit PHP 5.5.0, sollten Sie entweder MySQLi oder PDO_MySQL.

Ich habe bereits das getan, was Sie sagte, aber nichts ändern. Und ich traf neue Fehler --- Deprecated: Zuweisen der Rückgabewert von neuen durch Bezugnahme ist veraltet C:\xampp\php\PEAR\Config.php auf Zeile 80 Deprecated: Zuweisen der Rückgabewert von neuen durch Bezugnahme ist veraltet C:\xampp\php\PEAR\Config.php on line 166 Deprecated: Zuweisen der Rückgabewert von neuen durch Bezugnahme ist veraltet C:\xampp\php\PEAR\Config\Container.php on line 111 Warning: mysql_fetch_array() erwartet parameter 1 to be resource, boolean given in C:\xampp\htdocs\otrs\chart\graphs\pos\index.php on line 22
Dieser Fehler sagt mir, dass entweder die Verbindung zur Datenbank ist nicht erfolgreich, oder die Abfrage ist fehlgeschlagen. Können Sie Ihre Config.php?
Hier ist meine config.php -- <?php $mysql_hostname = "localhost"; $mysql_user = "root"; $mysql_password = ""; $mysql_database = "pos"; $prefix = ""; $bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Konnte nicht mit Datenbank verbinden"); mysql_select_db($mysql_database, $bd) or die("could not select database"); ?>
Ich legte die config.php in den Ordner wo meine index.php Platz und war der Fehler Weg, aber wenn ich ein reload der Webseite, habe ich eine leere web-Seite wieder
Bitte aktualisieren Sie Ihre Frage mit dem aktualisierten code, den Sie verwenden.

InformationsquelleAutor vee
1

Ich denke, deine haben soll, in Anführungszeichen diesem
```
categories: [<?php echo join($data1, ',') ?>],
```
Sollte
```
categories: ['<?php echo join($data1, ',') ?>'],
```
Danke, aber ich bereits versucht, aber nichts ändern

InformationsquelleAutor Arian Faurtosh

Bitte Versuchen Sie Beispielsweise, wie unten beschrieben. Ich denke, es kann Ihnen helfen,

SQL-Tabelle

CREATE TABLE IF NOT EXISTS `sales` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `month` varchar(200) DEFAULT NULL,
  `amount` varchar(11) DEFAULT NULL,
  PRIMARY KEY (`id`)

) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=118 ;


INSERT INTO `sales` (`id`, `month`, `amount`) VALUES
(24, 'Apr', '15'),
(25, 'May', '40'),
(26, 'Jun', '26'),
(27, 'Jul', '31'),
(28, 'Aug', '39'),
(29, 'Sep', '25'),
(30, 'Oct', '27'),
(31, 'Nov', ' 32'),
(32, 'Dec', NULL);

Hier haben wir Erstellen neue Tabelle, und fügen Sie einige Daten in Sie. Nun die Daten Aussehen, wie unten

Php und MySQL mit Highchart

index.php

<head>
    <meta name="Gopal Joshi" content="Highchart with Mysql" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Highchart with Mysql Database</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/setup.js"></script>
    <script type="text/javascript" src="js/test.js"></script>    
</head>

<body>
    <script src="js/highcharts.js"></script>
    <div id="sales" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>

setup.js

var chart;
 $(document).ready(function() {
        var cursan = {
   chart: {
    renderTo: 'sales',
    defaultSeriesType: 'area',
    marginRight: 10,
    marginBottom: 20
   },
   title: {
    text: 'Highchart With Mysql',
   },
   subtitle: {
    text: 'www.spjoshis.blogspot.com',
   },
   xAxis: {
    categories: ['Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb', 'Mar']
   },
   yAxis: {
    title: {
     text: 'Average'
    },
    plotLines: [{
     value: 0,
     width: 1,
     color: '#808080'
    }]
   },
   tooltip: {
       crosshairs: true,
                shared: true
   },
   legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -10,
    y: 30,
    borderWidth: 0
   },

            plotOptions: {

                series: {
                    cursor: 'pointer',  
                    marker: {
                        lineWidth: 1
                    }
                }
            },

         series: [{
       color: Highcharts.getOptions().colors[2],
    name: 'Test Colomn',
                marker: {
                    fillColor: '#FFFFFF',
                    lineWidth: 3,
                    lineColor: null //inherit from series
                },
                dataLabels: {
                    enabled: true,
                    rotation: 0,
                    color: '#666666',
                    align: 'top',
                    x: -10,
                    y: -10,
                    style: {
                        fontSize: '9px',
                        fontFamily: 'Verdana, sans-serif',
                        textShadow: '0 0 0px black'
                    }
                }
   }],
        }

        //Fetch MySql Records
        jQuery.get('js/data.php', null, function(tsv) {
   var lines = [];
   traffic = [];
   try {
    //split the data return into lines and parse them
    tsv = tsv.split(/\n/g);
    jQuery.each(tsv, function(i, line) {
     line = line.split(/\t/);
     date = line[0] ;
                                        amo=parseFloat(line[1].replace(',', ''));
                                        if (isNaN(amo)) {
                                                   amo = null;
                                        }
     traffic.push([
      date,
      amo
     ]);
    });
   } catch (e) {  }
   cursan.series[0].data = traffic;
   chart = new Highcharts.Chart(cursan);
  });
 });

s importieren von Daten aus mysql aus data.php und zum Diagramm hinzufügen, die erstellen, die zuvor in js.

data.php

$con=mysql_connect('localhost','root','');
mysql_select_db("test", $con);
$result=mysql_query('select * from sales order by id');
while($row = mysql_fetch_array($result)) {
  echo $row['month'] . "\t" . $row['amount']. "\n";
}

unserer Karte ist voll geladen .mit mysql Datensätze und Ausgabe li unten

Ausgabe Php und MySQL mit Highchart

seinem Beispiel der Bereich Diagramms können Sie ändern Sie den Typ des Diagramms ändern defaultSeriesType: 'area'

Klicken Sie Hier weitere Beispiel mit Quelle.

InformationsquelleAutor Gopal Joshi

0

Selbst wenn dies ein Alter thread ist, könnte dies nichts zu tun haben mit Highcharts, I ' V nur angemerkt, der Letzte Satz in deiner Fehlermeldung:
```
"...Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given
in C:\xampp\htdocs\otrs\chart\graphs\pos\index.php on line 22"
```
typischerweise zu tun hat, mit einer Abfrage, die fehlschlägt FALSE zurückgeben, statt ein rowset. Sie sollten einen Blick auf diese stellt sich die Frage,.

InformationsquelleAutor ManuelJE

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.