如何从mysql为highcharts创建适当的json数据格式

时间:2014-05-22 04:59:35

标签: php mysql json checkbox highcharts

我有一个json数据,它将根据用户选中的复选框从数据库中检索所选数据。但我知道我的json数据不正确。尝试了很多方式,但仍然不会工作。这是代码:

<?php       

        foreach ($_GET['iddoc'] as $iddoc) //iddoc is the value of checked checkbox
        {
            $query="select * from compareresult where iddocument=$iddoc";
            $sql_query = mysql_query($query) or die('Error 3 :'.mysql_error());         
            while ($r = mysql_fetch_assoc($sql_query))
            {
                 $series1['name'][] = $r['subject'];
                 $series1['data'][] = $r['result']; 
            }   
            $jsonTable = json_encode($series1, JSON_NUMERIC_CHECK); 
            echo $jsonTable; 
        }

根据下面的代码,假设我选中3复选框(BAT123,BIO222,HIS TEST),json输出将是这样的:

{"name":["BAT123"],"data":[3.03]}
{"name":["BAT123","BIO222"],"data":[3.03,1.05]}
{"name":["BAT123","BIO222","his test"],"data":[3.03,1.05,3.03]}

我知道上面的json是错误的,那么如何使json数据显示如下:

[
  {"name":["BAT123"],"data":[3.03]},
  {"name":["BIO222"],"data":[1.05]},
  {"name":["his test"],"data":[3.03]}
]

这是我的highcharts javascript代码:

 <script type="text/javascript">
     $(function () {
    var data = [
            <?php echo $jsonTable; ?>
        ];
            $(document).ready(function() {
        chart = new Highcharts.Chart({

            chart: {
                renderTo: 'SamHistogramDiv',
                type: 'column',
                marginRight: 130,
                marginBottom: 25
            },
            title: {
                text: 'SAM Histogram Results',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: 'Percentage'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                       return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y;
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: data[0] 

        });
    });
 });

非常感谢你的时间..

2 个答案:

答案 0 :(得分:0)

试试这个

   foreach ($_GET['iddoc'] as $iddoc) //iddoc is the value of checked checkbox
            {
                $query="select * from compareresult where iddocument=$iddoc";
                $sql_query = mysql_query($query) or die('Error 3 :'.mysql_error());         
                while ($r = mysql_fetch_assoc($sql_query))
                {
                     $series[] = array('name'=>$r['subject'],'data'=>$r['result']);

                }   

            }
$jsonTable = json_encode($series); 
 echo $jsonTable;

输出将像

[{"name":"BAT123","data":"3.03"},{"name":"BIO222","data":"1.05"},{"name":"HIs test","data":"1.00"}]

答案 1 :(得分:0)

问题在于json数据格式。它应该像

var data = [{name:"BAT123",data:[3.03]},{name:"BIO222",data:[1.05]},{name:"his test",data:[3.03]}];

foreach ($_GET['iddoc'] as $iddoc) //iddoc is the value of checked checkbox
            {
                $query="select * from compareresult where iddocument=$iddoc";
                $sql_query = mysql_query($query) or die('Error 3 :'.mysql_error());         
                while ($r = mysql_fetch_assoc($sql_query))
                {
                  $series[] = array('name'=>$r['subject'],'data'=>array($r['result']));

                }   

            }
$jsonTable = json_encode($series); 
 echo $jsonTable;

请检查您是否获得了上面提到的json字符串/ * data * /

检查此链接 http://jsfiddle.net/highcharts/Sq3KL/2/