Highcharts类别(x)未显示

时间:2015-09-06 08:40:34

标签: php mysql highcharts

我想从mysql中获取数据。我是seeng值(Poraba),但不是类别。有人帮我吗?我没有尝试json打印,但我认为这是必要的。

http://postimg.org/image/c2ensejl3/

php代码:

<?php

   session_start();

    session_regenerate_id();

   include("db_connection.php");


   if(!(isset($_SESSION['username'], $_SESSION['login_string']) || isset($_COOKIE['username']))){

      header("Location: index.html");
      exit();
   }

   $username = $_SESSION['username'];

   $rezultat = "SELECT vrednost, kategorija FROM vrednosti WHERE username = '$username'";

   $result = mysqli_query($link, $rezultat);

   if (mysqli_num_rows($result) > 0) {

    while($row = mysqli_fetch_assoc($result)) {
        echo "" . $row["kategorija"]. "\t" . $row["vrednost"].  "\n";
    }
      } else {
      echo "Še ni zapisov";
   }  

      mysqli_close($link);
?>

查询给出了正确的值:

“Kurjava 34 Kredit 200 Trgovina 45 Tehnika 54 Vrtec 200”

html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 


<title>Using Highcharts with PHP and MySQL</title>

<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="js/highcharts.js" ></script>
<script type="text/javascript" src="js/themes/gray.js"></script>

<script type="text/javascript">
   var chart;
         $(document).ready(function() {
            var options = {
               chart: {
                  renderTo: 'container',
                  defaultSeriesType: 'line',
                  marginRight: 130,
                  marginBottom: 25
               },
               title: {
                  text: 'Mesečna statistika',
                  x: -20 //center
               },
               subtitle: {
                  text: '',
                  x: -20
               },
               xAxis: {

                  type: 'datetime',
                  tickInterval: 3600 * 1000, // one hour
                  tickWidth: 0,
                  gridLineWidth: 0,
                  labels: {
                     align: 'center',
                     x: -3,
                     y: 20,
                     formatter: function() {
                        return Highcharts.dateFormat('%l%p', this.value);
                     }
                  }
               },
               yAxis: {
                  title: {
                     text: 'Poraba'
                  },
                  plotLines: [{
                     value: 0,
                     width: 1,
                     color: '#808080'
                  }]
               },
               tooltip: {
                  formatter: function() {
                            return Highcharts.dateFormat('%l%p', this.x-(1000*3600)) +'-'+ Highcharts.dateFormat('%l%p', this.x) +': <b>'+ this.y + '</b>';
                  }
               },
               legend: {
                  layout: 'vertical',
                  align: 'right',
                  verticalAlign: 'top',
                  x: -10,
                  y: 100,
                  borderWidth: 0
               },
               series: [{
                  name: 'Vrednost'
               }]
            }
            // Load data asynchronously using jQuery. On success, add the data
            // to the options and initiate the chart.
            // This data is obtained by exporting a GA custom report to TSV.
            // http://api.jquery.com/jQuery.get/
            jQuery.get('statistika.php', null, function(tsv) {
               var lines = [];
               traffic = [];
               try {
                  // split the data return into lines and parse them
                  tsv = tsv.split(/\n/g);
                  jQuery.each(tsv, function(i, line) {
                     line = line.split(/\t/);
                     date = Date.parse(line[0] +' UTC');
                     traffic.push([
                        date,
                        parseInt(line[1].replace(',', ''), 10)
                     ]);
                  });
               } catch (e) {  }
               options.series[0].data = traffic;
               chart = new Highcharts.Chart(options);
            });
         });
</script>
</head>
<body>

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

</body>
</html>

我认为,这个错误在于工具提示formmater函数,但我不知道如何替换它。

0 个答案:

没有答案