【问题标题】:Making a graph in php, mysql with highcharts在 php、mysql 中用 highcharts 制作图表
【发布时间】:2015-05-29 03:01:03
【问题描述】:

我需要在 highcharts 中制作一个图表,但我需要从 mysql 获取值,直到现在我只能添加时间戳值,但仍然将另一个值留给 Y 图表,我在这一切中都是新的我希望你能提供一些帮助,我需要使用的另一个值是 int 值。

我仍在尝试添加第二个值,但只有这个值(小时)没有显示任何内容。

作业是制作一个时间函数值的图表

<HTML>
    <head>
        <!-- Importa las librerias de jQuery y las de Highcharts -->
        <script type="text/javascript" src="https://code.jquery.com/jquery.js"></script>
        <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
        <script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
    </head>
    <body>
        <?php
            $conexion = mysql_connect('localhost','root' , '') or trigger_error(mysql_error(),E_USER_ERROR);
            mysql_select_db('fancysensorsdb', $conexion);
            $query = "SELECT hora FROM temperatura";
            $registros = mysql_query($query) or die(mysql_error());
            while ($datos = mysql_fetch_array($registros)) 
            {
                extract ($datos);
                $datetime *= 1000; // Convertir hora Unix a JavaScript
                $data[] = "[$datetime, $hora]";
            }

            $query = "SELECT valor FROM temperatura";
            $registros = mysql_query($query) or die(mysql_error());
            while ($valores = mysql_fetch_array($registros)) 
            {
                extract ($valores);
                $datos[] = $valores;
            }
        ?>
        <script type="text/javascript">
            var chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container'
                },
                series: [{
                    data: [<?php echo join($data, ',') ?>]
                }]
            });
        </script>

        <div id="container" style="width: 100%; height: 500px; margin: 0 auto"></div>
    </body>
</html>

【问题讨论】:

  • 你的 $data 数组是什么样子的?

标签: javascript php mysql highcharts


【解决方案1】:

基本上,您是将可变数据从 PHP 传递到 javaScript。根据您的代码,它不起作用。 Please take a look at this post.

【讨论】:

    猜你喜欢
    • 2012-10-12
    • 2012-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-19
    • 2016-07-15
    • 1970-01-01
    • 2013-07-01
    相关资源
    最近更新 更多