如何从mysql为highcharts创建正确的json数据格式

Question

我有一个 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] 

        });
    });
 });

非常感谢您的宝贵时间..

Answer 1

试试这个

   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"}]

Answer 2

问题在于 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 字符串 /* 数据 */

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