将SQL输出传递给Javascript以生成动态图表

时间:2013-05-28 16:34:17

标签: php javascript

我从PHP检索数据的PHP代码和生成动态图的Javascript代码位于同一页面(graph.php)。我使用以下代码在JSON数组中获得了SQL结果:

$row = $result->fetch_row()
$row = json_encode($row);

我的Javascript代码:

$(function () {

        $('#container').highcharts({
            chart: {
                type: 'pie'
            },

            plotOptions: {
                pie: {
                    dataLabels: {
                        distance: -30,
                        color: 'white'
                    }
                }
            },

            series: [{
                data: [
                    ['result1',   44.2],
                    ['result2',       26.6],
                    ['result3',       20],
                    ['result4',    3.1],
                    ['result5',    5.4]
                ]
            }]
        });
    });

我想在Javascript(result1,result2,result3 .....)中使用来自PHP代码的JSON数组数据。

注意: PHP和Javascript代码在同一页面中。我没有在其他页面上发布或获取数据。

1 个答案:

答案 0 :(得分:0)

你可以这样使用,

    series: [{
                data:<?php echo $row;//json encoded db data ?>
            }]

$ row应该是一个json字符串。 小心json数据,它应该是你在脚本中显示的数据格式