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

Question

我用于从 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 代码在同一页面中。我没有从其他页面发布或获取数据。

Answer 1

你可以这样使用，

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

$row 应该是一个 json 字符串。注意 json 数据，它应该是您在脚本中显示的数据格式