莫里斯图表& PHP问题

时间:2016-04-27 08:37:22

标签: javascript php mysql json morris.js

我现在已经和Morris排行榜争吵了一段时间。我试图使用PHP代码从Mysql表调用数据,但一直收到此错误。

Uncaught TypeError: Cannot read property 'length' of undefined

但是当我检查网站时,我发现我得到了json所以我相信编码是成功的

    Morris.Bar({
    element: 'brojLampi',
    data: [{"label":"Mali Tabor","value":"5"},{"label":"Prišlin","value":"24"}]*//output*,
    xkey: 'naziv_naselja',
    ykey: 'broj',
    labels:['naziv_naselja'],
    });

这是PHP代码:

<div id="morris-area-chart"></div>
<?php
try {
    $db  = connectPDO();
    $row = $db->prepare("SELECT naziv_naselja, count(naziv_naselja) AS broj FROM v_rasvjeta GROUP BY naziv_naselja");
    $row->execute();

    $json_data = array(); 
    foreach ($row as $rec) { 
        $json_array['label'] = $rec['naziv_naselja'];
        $json_array['value'] = $rec['broj'];
        array_push($json_data, $json_array);

    }
?>
    <div id="brojLampi"></div>
    <script type="application/javascript">
    Morris.Bar({
    element: 'brojLampi',
    data: <?php
    echo json_encode($json_data, JSON_UNESCAPED_UNICODE);
?>,
    xkey: 'label',
    ykey: 'value',
    labels:['Name']
    });

    </script>
    <?php
    closePDO($db);
} 
catch (PDOException $e) {
    showPDOErrors($e, $db);
}
?>

甚至,我尝试过这样的事情,但它没有工作

$.getJSON("brojLampi", function (data) {    
Morris.Bar({
element: 'brojLampi',
data: <?php echo json_encode($json_data,JSON_UNESCAPED_UNICODE)?>,
xkey: 'naziv_naselja',
ykey: 'broj',
labels:['naziv_naselja'],
});
});

使用上面的代码时出现此错误:

GET http://localhost:8081/APLIKACIJE/RASVJETA/stranice/brojLampi 404 (Not Found)

任何帮助都会感激不尽:)

1 个答案:

答案 0 :(得分:0)

使用上面问题的代码,我找到了解决问题的方法(非常有趣)

    <div id="brojLampi"></div>
    <script type="application/javascript">
    Morris.Bar({
    element: 'brojLampi',
    data: <?php
    echo json_encode($json_data, JSON_UNESCAPED_UNICODE);
?>,
    xkey: 'label',
    ykey: 'value',
    labels:['Name']
    });

这是一个问题,而不是这个:

 ykey: 'value'

我刚添加了括号,但它有效

ykey: ['value']

有趣,我知道:)希望它有所帮助