Javascript 自动刷新嵌入在页面中的谷歌图表的最简单方法

我有两个文件，一个是从MySQL数据库输出数据，另一个是在页面中绘制谷歌图，其中包含其他指标：

抓取_twitter_stats.php输出：

[15, 32], [14, 55], [13, 45], [12, 52], [11, 57], [10, 55], [9, 58], [8, 42], [7, 44], [6, 40], [5, 54], [4, 52], [3, 60], [2, 71], [1, 43],

<div id="curve_chart" style="width: 900px; height: 500px">

<script type="text/javascript">

google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Minutes', 'Tweets'],

      <?php require('grab_twitter_stats.php');?>

    ]);

    var options = {
      title: 'Tweets in last 15 Minutes',
      curveType: 'function',
      hAxis: {
      title: 'Last 15 Minutes',
      direction: '-1'
      },
      legend: { position: 'bottom' }

    };

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

    chart.draw(data, options);

}

</script>   
</div>

index.php输出：

[15, 32], [14, 55], [13, 45], [12, 52], [11, 57], [10, 55], [9, 58], [8, 42], [7, 44], [6, 40], [5, 54], [4, 52], [3, 60], [2, 71], [1, 43],

<div id="curve_chart" style="width: 900px; height: 500px">

<script type="text/javascript">

google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Minutes', 'Tweets'],

      <?php require('grab_twitter_stats.php');?>

    ]);

    var options = {
      title: 'Tweets in last 15 Minutes',
      curveType: 'function',
      hAxis: {
      title: 'Last 15 Minutes',
      direction: '-1'
      },
      legend: { position: 'bottom' }

    };

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

    chart.draw(data, options);

}

</script>   
</div>

load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘分钟’、‘推特’]，
]);
变量选项={
标题：“过去15分钟内的推特”，
curveType:'函数'，
哈克斯：{
标题：“最后15分钟”，
方向：'-1'
},
图例：{位置：'bottom'}
};
var chart=new google.visualization.LineChart（document.getElementById（'curve_chart'）；
图表绘制（数据、选项）；
}

---

这将绘制一个图表，显示过去15分钟内的推文。我可以让图形显示一次，但在尝试加载SetInterval时，它不会刷新间隔上的Google图形。我尝试过将整个drawChart（）函数包装在其中，但它似乎不起作用。我尝试使用AJAX，但它不是JSON格式的，所以AJAX不喜欢它。关于使此图形自动刷新的最简单方法有什么建议吗？

虽然不是JSON，但您仍然可以使用ajax，即使是纯文本

像这样的事情会让你靠近

google.charts.load('current', {
  callback: function () {
    drawChart();
    setInterval(drawChart, (15 * 60 * 1000));

    function drawChart() {
      $.ajax({
        url: 'grab_twitter_stats.php',
        type: 'get',
        success: function (txt) {
          // check for trailing comma
          if (txt.slice(-1) === ',') {
            txt = txt.substring(0, txt.length - 1);
          }
          var txtData = JSON.parse('[["Minutes", "Tweets"],' + txt + ']');

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

          var options = {
            title: 'Tweets in last 15 Minutes',
            curveType: 'function',
            hAxis: {
              title: 'Last 15 Minutes',
              direction: '-1'
            },
            legend: { position: 'bottom' }
          };

          var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
          chart.draw(data, options);
        }
      });
    }
  },
  packages: ['corechart']
});

---

嗨，白帽子。关闭，但我得到了以下错误：VM852:1未捕获的语法错误：意外标记]位于174位置的JSON中是否删除了上面答案中的尾随逗号？是，相同的错误，但它移动了：未捕获的语法错误：意外标记]位于23success@（索引）位置的JSON中：77j@jquery latest.min.js:2fireWith@jquery latest.min.js:2x@jquery latest.min.js:4b@jquery latest.min.js:4因此，当只有一个条目时，它看起来可以工作，但如果有多个条目，它就会停止工作。我应该用什么作为分隔符？我找到了分隔符。它必须是这样的：[15106]，[14105]，[13110]，[12119]，[11107]，[10132]，[9121]，[8111]，[7126]，[6115]，[5109]，