javascript - 使用 JS 从 PHP 导入图表列的值

Question

我在图表列的 JavaScript 中有以下代码:

$(function () {
  $('#grafic_column').highcharts({
    chart: {
            type: 'column'
        },
    series: [{
      name: 'Population',
      data: [
        ['Shanghai', 23.7],
        ['Lagos', 16.1],
        ['Istanbul', 14.2]
      ]
    }]
  });
});

以及 php 中的这个 cod:

<?php
$ar = array(
  ['Shanghai', 23.7],
  ['Lagos', 16.1],
  ['Istanbul', 14.2]
);
echo json_encode($ar);
?>

如何从series.data:中导入php的值结果？谢谢!

Answer 1

假设您的 PHP 文件可以通过服务器访问，您只需执行 $.get 即可向提供数据的文件发出 AJAX 请求:

$(function () {
    $.get('/yourphpfile.php').then(function(data) {
        $('#grafic_column').highcharts({
            chart: {
                type: 'column'
            },
            series: [{
                name: 'Population',
                data: data
            }]
        });
    })
});