繁体   English   中英

PHP My SQL Highcharts 多查询问题

[英]PHP My SQL Highcharts multiquery issue

我正在尝试构建一个网页,其中将显示图表并从下拉菜单中加载数据。 我有 2 个数据集,但我认为无法执行正确的 MySql 请求。 2 个数据集一个存储在同一个数据库中但不同的表中。 我不能把它们放在同一张桌子上,因为它们的长度和频率不一样。(一个是月度数据,另一个是周数据)

这是代码。 任何帮助将不胜感激!

<?php

 mysql_connect('xxxxxxxxxxxx.com', 'xxxxx', 'xxxxxx') or die(mysql_error());
 mysql_select_db("database123") or die(mysql_error());


 $result1 = mysql_query("SELECT * FROM table1")
 or die(mysql_error());  

 $data1  = array();


 while ($row1 = mysql_fetch_array( $result1)) {

  extract($row1);

    $datetime1 = date('Y, n, j', strtotime($table1_date )); 

    $datetime2 = 'Date.UTC('.$datetime1.')'; 


     $data[] = "[$datetime2, $table1_data]";


    }

  ?>

 <?php

 mysql_connect('xxxxxxxxxxxx.com', 'xxxxx', 'xxxxxx') or die(mysql_error());
 mysql_select_db("database123") or die(mysql_error());


 $result2 = mysql_query("SELECT * FROM table2")
 or die(mysql_error());  

 $data2  = array();


 while ($row2 = mysql_fetch_array( $result2)) {

  extract($row2);

    $datetime3 = date('Y, n, j', strtotime($table2_date )); 

    $datetime4 = 'Date.UTC('.$datetime3.')'; 


    $data2[] = "[$datetime4, $table2_data]";


    }

   ?>




   <!DOCTYPE html>
   <html lang="en-US">
  <head>

<meta charset="utf-8" />


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


    <script type="text/javascript">

      $(function () {

      var options = {
     chart: {
     renderTo: 'container',
     defaultSeriesType: 'column'
    }, 
     series: [{name: 'A', data: [<?php echo join($data, ',') ?>]}]
    };
    var chart = new Highcharts.Chart(options);

            });


     $("#list").on('change', function(){
  //alert('f')
  var selVal = $("#list").val();
  if(selVal == "A" || selVal == '')
     {
    options.series = [{name: 'A', data: [<?php echo join($data, ',') ?>]}]
     }
     else
     {
     options.series = [{name: 'D', data: [<?php echo join($data2, ',') ?>]}]
     }  
     var chart = new Highcharts.Chart(options);    
     });

     </script>


     </head>
     <body id="index" class="home">



     <SELECT id="list">
     <option VALUE="A">Data Set A</option>
     <option VALUE="B">Data Set B</option>

     </SELECT>
     <button id="change">Refresh Table</button>

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



     <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>



     </body>
     </html>

我建议准备php脚本,它将获取参数形式的url(如$_GET['table']),并调用数据库查询。 之后,通过 json_encode() 返回正确的数组。 在 javascript 中,您可以使用 $.getJSON() 并从 php 加载数据作为 json,然后使用 highcharts。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM