0
点赞
收藏
分享

微信扫一扫

AntV中的饼状图重复渲染问题解决


场景

在使用AntV的饼状图时,在页面加载完之后js中会ajax请求一次后台数据,

有一个时间的选择框,选择时间后点击搜索会再次执行ajax请求一次。

效果如图:

AntV中的饼状图重复渲染问题解决_搜索

可是最终导致的后果是饼状图重复渲染。

AntV中的饼状图重复渲染问题解决_ajax_02

实现

在搜索按钮的点击事件执行的方法中,首先将以上四个div进行清理,

然后再重新请求数据进行渲染饼状图。

//搜索按钮事件
$("#searchBtn").click(function () {
// 刷新表格数据,分页信息不会重置
getData();
//清除之前渲染的图表
$("#main1").empty();
$("#main2").empty();
$("#main3").empty();
$("#main4").empty();
var createTime = $("#createTime").val();

 

举报

相关推荐

0 条评论