javascript - 将数组从 URL 传递到 javascript

Question

如何从 GET 请求传递数组，如下所示:

[x, y], [x, y]...

进入此 Google 可视化 API 调用的第二部分。

var data = google.visualization.arrayToDataTable([
['Initial', 'Second'],
[8, 37], [4, 19.5], [11, 52], [4, 22], [3, 16.5], [6.5, 32.8], [14, 72]]);

目前我已经预设了值，但我想通过 GET 请求传递它们。我尝试过使用 PHP 来实现此目的，但是使用这样的方法失败了 passing arrays as url parameter因为我不太确定如何正确设置 x 值。

下面是我用来生成图表的脚本:

  <script>
    google.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ['Initial', 'Second'],
        [8, 37], [4, 19.5], [11, 52], [4, 22], [3, 16.5], [6.5, 32.8], [14, 72]]);

      var options = {
        width: 420,
        height: 420,
        legend: 'none',
        trendlines: { 0: {} },
        colors: ['#FE2E2E'],
        hAxis: {
            textPosition: 'none',
            gridlines: {
                color: "#CCCCCC"
            },
            baselineColor: '#CCCCCC'
        },
        vAxis: {
            textPosition: 'none',
            gridlines: {
                color: "#CCCCCC"
            },
            baselineColor: '#CCCCCC'
        },
        enableInteractivity: false
      };

      var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  </script>

Answer 1

收到 GET 请求的响应后:-

 var myArrayData = JSON.parse(responseData);

现在您的数据将采用以下形式

[8, 37], [4, 19.5], [11, 52], [4, 22], [3, 16.5], [6.5, 32.8], [14, 72]

然后执行:

myArrayData.unshift(['Initial', 'Second']);

现在你可以尝试:

var data = google.visualization.arrayToDataTable(myArrayData);