簡體   English   中英

將數據從localhost(phpmyadmin)導入到“ Highcharts”網頁(作為phpmyadmin中的項目)

[英]import data from localhost(phpmyadmin) to a web page“Highcharts”(as a project in phpmyadmin)

這是用Phpmyadmin中的數據在網頁中顯示列范圍(高圖中的圖形)的代碼。建立了連接,但是當我們向數據庫請求時會顯示任何內容。您能幫我嗎? 編碼:

<!DOCTYPE HTML>
<?php

                  $db = mysqli_connect('localhost', 'root') or die("Error " . mysqli_error($db)); 
mysqli_set_charset($db,"utf8");

// on sélectionne la base 
$db_selected=mysqli_select_db($db,'outil_échantillonnage_et_analyse_de_données') or die("Error in the consult.." . mysqli_error($db)); 
?>
<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>
        <style type="text/css">
${demo.css}
        </style>
        <script type="text/javascript">
$(function () {

    $('#container').highcharts({

        chart: {
            type: 'columnrange',
            inverted: true
        },

        title: {
            text: 'Moyenne age'
        },

        subtitle: {
            text: 'informations sur la moyenne d age des participants'
        },

        xAxis: {
            categories: []
        },

        yAxis: {
            title: {
                text: 'Age ( ans )'
            }
        },

        tooltip: {
            valueSuffix: 'ans'
        },

        plotOptions: {
            columnrange: {
                dataLabels: {
                    enabled: true,
                    formatter: function () {
                        return this.y + 'ans';
                    }
                }
            }
        },

        legend: {
            enabled: false
        },

        series: [{
            name: 'moyenne age',
            data: [<?php

// on crée la requête SQL 
$sql = 'SELECT question2 FROM questionnaire'; 
 do {  echo $data['question2'];  } while ($data = mysql_fetch_assoc($sql)); 

// on envoie la requête 
$req = mysqli_query($db, $sql) ; 

                                 do { ?><?php switch ($data['question2']) {
                                case 'moins de 18ans':?>
                                    [0.0,18.0],
                                   <?php break;
                                case '18-35 ans':?>
                                    [18.0,35.0],
                                    <?php break;
                                case '35-60 ans':?>
                                     [35.0,60.0];
                                   <?php break;
                                case 'plus de 60ans':?>
                                    [60.0,100.0];
                                   <?php break;
                            }; ?>,<?php } while ($data = mysqli_fetch_assoc($req); 

                     ?>,

            ]
        }]

    });

});
<?php 
mysqli_close($db); 
?>

        </script>
    </head>
    <body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/highcharts-more.js"></script>
<script src="../../js/modules/exporting.js"></script>

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


    </body>
</html>}

我認為問題出在這里:
// on crée la requête SQL $sql = 'SELECT question2 FROM questionnaire'; do { echo $data['question2']; } while ($data = mysql_fetch_assoc($sql)); 你在這里打印東西。
如果我們看高圖的演示,它看起來像:
series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }
但是在您的代碼上,看起來就像您在打印[35.0,60.0];之前先打印了一些[35.0,60.0];
還有一個錯誤(我認為),您有data: [<?php ,然后在[35.0,60.0];再次打印[35.0,60.0]; 我認為您的數據看起來像[[35.0, 60.0]]
而且,如果您查看控制台(Chrome上為ctrl + shift + j),那里沒有出現錯誤?

    <!DOCTYPE HTML>
    <?php

                      $db = mysqli_connect('localhost', 'root') or die("Error " . mysqli_error($db)); 
    mysqli_set_charset($db,"utf8");

    // on sélectionne la base 
    $db_selected=mysqli_select_db($db,'outil_échantillonnage_et_analyse_de_données') or die("Error in the consult.." . mysqli_error($db)); 
    ?>
    <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>
            <style type="text/css">
    ${demo.css}
            </style>
            <script type="text/javascript">
    $(function () {

        $('#container').highcharts({

            chart: {
                type: 'columnrange',
                inverted: true
            },

            title: {
                text: 'Moyenne age'
            },

            subtitle: {
                text: 'informations sur la moyenne d age des participants'
            },

            xAxis: {
                categories: []
            },

            yAxis: {
                title: {
                    text: 'Age ( ans )'
                }
            },

            tooltip: {
                valueSuffix: 'ans'
            },

            plotOptions: {
                columnrange: {
                    dataLabels: {
                        enabled: true,
                        formatter: function () {
                            return this.y + 'ans';
                        }
                    }
                }
            },

            legend: {
                enabled: false
            },

            series: [{
                name: 'moyenne age',
                data: [<?php

    // on crée la requête SQL 
    $sql = 'SELECT question2 FROM questionnaire'; 

    // on envoie la requête 
    $req = mysqli_query($db, $sql) ; 

                                     do { ?><?php switch ($data['question2']) {
                                    case 'moins de 18ans':?>
                                        [0.0,18.0],
                                       <?php break;
                                    case '18-35 ans':?>
                                        [18.0,35.0],
                                        <?php break;
                                    case '35-60 ans':?>
                                         [35.0,60.0];
                                       <?php break;
                                    case 'plus de 60ans':?>
                                        [60.0,100.0];
                                       <?php break;
                                }; ?>,<?php } while ($data = mysqli_fetch_assoc($req); 

                         ?>, 
]        
            }]

        });

    });
    <?php 
    mysqli_close($db); 
    ?>

            </script>
        </head>
        <body>
    <script src="../../js/highcharts.js"></script>
    <script src="../../js/highcharts-more.js"></script>
    <script src="../../js/modules/exporting.js"></script>

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


        </body>
    </html>}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM