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


Passing SQL output to Javascript to generate dynamic chart

用于从SQL检索数据的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中使用PHP代码中的JSON数组数据(result1,result2,result3.....)。

注意: PHP和Javascript代码在同一个页面。我不是张贴或从另一个页面获取数据。

你可以这样使用,

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

$row应该是一个json字符串。注意json数据,它应该是您在脚本

中显示的数据格式