Highcharts 非程序员——将mySQL中的数据读入条形图

Highcharts 非程序员——将mySQL中的数据读入条形图,highcharts,Highcharts,我不是程序员,我对Highcharts很陌生。 与数据库的连接正常,图表和标签的x、y轴显示,但没有数据。 我从Highchart论坛[这里][1]上得到了整个脚本 问题:如何获取图形以显示列中的数据 毕业那年,我是学生 我向这里的人们保证,这是一个不需要动脑筋的问题,但对我来说,这是一堵砖墙!TIA适用于任何 任何人都可以帮助我 这是完整的脚本。我按照您的建议添加了json位 <php $db = mysql_connect("localhost","un","pw"

我不是程序员,我对Highcharts很陌生。 与数据库的连接正常,图表和标签的x、y轴显示,但没有数据。 我从Highchart论坛[这里][1]上得到了整个脚本

问题:如何获取图形以显示列中的数据 毕业那年,我是学生

我向这里的人们保证,这是一个不需要动脑筋的问题,但对我来说,这是一堵砖墙!TIA适用于任何 任何人都可以帮助我

这是完整的脚本。我按照您的建议添加了json位

   <php
       $db = mysql_connect("localhost","un","pw","db");
   if ( $db == "" ) { echo " DB Connection error...\r\n"; exit(); }

   connects to db fine

   $sql = mysql_query($con,"SELECT graduation_year,i_am_a_student FROM wp_gfsept2013");
   $query = mysql_query($sql);

Highcharts使用数字值,所以我建议设置JSON\u NUMERIC\u CHECK标志以返回正确的值。如果它不能解决您的问题,请附上您使用的代码(不是来自chrome的源代码),但您需要图表配置/获取json等

    $i = 0;
        while($row = mysql_fetch_array($query)){
             $date    = strtotime($row['date']);
             $stamp    = $date * 1000;
             $val    = (int)$row['value'];

             $d[$i]['x'] = $stamp;
             $d[$i]['y'] = $val;
             $i++;
          }
   echo json_encode($data, JSON_NUMERIC_CHECK);

   ?>

   <div id="container" style="width:800px;height:300px;margin:1em auto;"></div>

   <script type="text/javascript">
      $(document).ready(function() {
         var chart = new Highcharts.Chart({
            chart: {
               defaultSeriesType:'column',
               renderTo:'container'
            },
            credits:{enabled:false},
            title:{text:'Sample Chart'},
            legend:{
            },
            tooltip:{
            },
            plotOptions:{
               series:{
                  shadow:false,
                  borderWidth:0,
                  color:'rgba(90,155,212,.75)',
               }
            },
            xAxis:{
               title:{text:''},
               type:'datetime',
               lineWidth:1,
               lineColor:'#999',
               tickColor:'#999',
               tickLength:3,
            },
            yAxis:{
               lineWidth:1,
               lineColor:'#ccc',
               tickColor:'#999',
               tickLength:3,
               tickWidth:1,
               gridLineWidth:1,
               gridLineColor:'#e0e0e0',
               title:{text:''}
            },
            series:[{
          data: [<?php echo json_encode($data, JSON_NUMERIC_CHECK); ?>],
            }]
         });
      });
   </script>
   </body>
</html>