springboot和vue怎么根据数据库表中的数据在前端动态显示echarts图

可以按照以下步骤实现：

1. 在后端使用Spring Boot框架，连接数据库，将数据查询出来。
2. 创建一个Controller类，将查询到的数据通过接口暴露给前端。
3. 在前端使用Vue框架，通过axios库调用后端接口获取数据。
4. 使用Echarts库，根据获取到的数据，动态生成图表。

具体实现步骤如下：

1. 在后端创建一个Controller类，并添加一个接口用于查询数据。例如：

@RestController
@RequestMapping("/data")
public class DataController {
    @Autowired
    private DataService dataService;

    @GetMapping("/list")
    public List<Data> getDataList() {
        return dataService.getDataList();
    }
}

2. 在前端使用axios库调用后端接口获取数据。例如：

axios.get('/data/list')
  .then(response => {
    const dataList = response.data;
    // 处理数据并动态生成图表
  })
  .catch(error => {
    console.log(error);
  });

3. 使用Echarts库，根据获取到的数据，动态生成图表。例如：

let myChart = echarts.init(document.getElementById('chart'));

let option = {
  xAxis: {
    type: 'category',
    data: []
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [],
    type: 'bar'
  }]
};

dataList.forEach(data => {
  option.xAxis.data.push(data.name);
  option.series[0].data.push(data.value);
});

myChart.setOption(option);

这样就可以根据数据库表中的数据在前端动态显示Echarts图了。