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

场景

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

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

效果如图：

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

实现

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

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

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