Question

我的网站最初加载了3个下拉列表和高图中的瀑布图。我想要的是图表和表格根据下拉选项动态改变，然后查询数据库是MySQL。

下拉列表触发onchange事件，然后jquery ajax事件使用我的php脚本来查询sql。我的问题是，在第一个例子中json正在返回，但我正在努力将这些数据用于高图瀑布图表演示：

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/waterfall/

我绝不是一位经验丰富的编码员，我通过阅读这些论坛和购买一些O'Reilly JS，PHP，MySQL书籍把它放在一起 - 遗憾的是这些书没有我认为我正在寻找的解决方案

有人会非常友好地帮助我，并希望指出我正确的方向，我很高兴学会不一定要找人为我编码。我不确定我是否完全理解ajax / jquery / json是什么 - ＆gt; PHP实际上工作 - 这可能是问题的一部分。

php code - extractData.php：

<?php

require('dB_connect.php');

//$reportID = $_POST['weeknumber'].''.$_POST['year'];

$reportID = intval($_GET['q']);

$sql = "SELECT * FROM `flashreport` WHERE ID = '".$reportID."'";
$result = mysqli_query($dbc, $sql);

$emparray = array();
   while($row =mysqli_fetch_assoc($result))
  {
    $emparray[] = $row;
  }
echo stripslashes(json_encode($emparray));

mysqli_close($dbc);
?>

jquery代码 - report.html：

<script>
var week = "";
var year = "";
var both = "";
$(function weekNumDate() {
  $('#weeknumber').on('change', function () {
  if($(this).val() == 0) {
     week = "";
  } else {
      week = $(this).val();
      year = $('#year').val();
      both = week + year
  }
  dateId(both);
  return false;
});

$('#year').on('change', function () {
  if($(this).val() == 0) {
     year = "";
  } else {
     year = $(this).val();
     week = $('#weeknumber').val();
     both = week + year
  }
 dateId(both);
 return false;
  });
});

function dateId(str) {
$.getJSON('extractData.php', 'id=str', function(result){
    $.each(result, function(i, field){
        $("div").append(field + " ");
    });
});
}
</script>

数据从mysql到highchart瀑布图

0 个答案: