如何使用Ajax重绘Google图表

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="chart_div"></div>

// 加载Google图表库
google.charts.load('current', { 'packages': ['corechart'] });

// 在图表库加载完成后执行回调函数
google.charts.setOnLoadCallback(drawChart);

// 获取数据并绘制图表
function drawChart() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求的URL
  var url = 'your_data_url';

  // 发送GET请求
  xhr.open('GET', url, true);
  xhr.send();

  // 监听请求的状态变化
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 获取服务器返回的数据
      var data = JSON.parse(xhr.responseText);

      // 创建一个DataTable对象
      var dataTable = new google.visualization.DataTable();

      // 添加数据列
      dataTable.addColumn('string', 'Category');
      dataTable.addColumn('number', 'Value');

      // 添加数据行
      for (var i = 0; i < data.length; i++) {
        dataTable.addRow([data[i].category, data[i].value]);
      }

      // 设置图表选项
      var options = {
        title: 'Chart Title',
        width: 400,
        height: 300
      };

      // 创建一个柱状图对象并绘制图表
      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(dataTable, options);
    }
  };
}