SpringBoot+AntV实现一次前后端交互渲染多个饼状图

场景

效果

SpringBoot+AntV实现饼状图中的花瓣图：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/92810169

在上面已经实现一个饼状图的基础上实现一次前后端交互实现四个饼状图。

实现

注：

1.点击菜单跳转到当前页面在js中控制等待页面加载完成之后会ajax请求一次后台数据，首次给页面上的四个图表赋值。

2.选择页面上的时间条件后，传递到后台，后台根据时间查询数据并返回给前台，

3.所以在搜索按钮的点击事件中需要先将原来的div元素清空，然后再重新使用新获取的数据取渲染四个图表。

完整js部分代码：

$(document).ready(function() {