使用JS导入图表列的值

Question

我在javascript for chart专栏中有这段代码：

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

这个鳕鱼在php：

<?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
            }]
        });
    })
});