利用ajax获取echarts图表的数据

可以通过以下步骤利用ajax获取echarts图表的数据：

1. 前端页面中引入echarts库和jQuery库。

2. 在HTML页面中添加一个div元素，用于显示echarts图表。

3. 在JavaScript代码中，定义一个ajax请求函数，用于向后端发送请求并获取数据。例如：

function getData() {
  $.ajax({
    url: 'yourUrl', // 后端接口地址
    type: 'GET', // 请求类型
    dataType: 'json', // 数据类型
    success: function(res) { // 成功回调函数
      // 将后端返回的数据传入echarts的option配置项中
      var option = {
        // echarts配置项
        series: [{
          data: res.data // 后端返回的数据
        }]
      };
      // 使用echarts库绘制图表
      var myChart = echarts.init(document.getElementById('chart'));
      myChart.setOption(option);
    },
    error: function(err) { // 失败回调函数
      console.log(err);
    }
  });
}

4. 在页面加载完成后，调用ajax请求函数获取数据并绘制图表。例如：

$(document).ready(function() {
  getData();
});

5. 后端需要返回一个json格式的数据，例如：

{
  "code": 200,
  "data": [10, 20, 30, 40, 50]
}

其中，data字段为echarts图表所需的数据。