如何解决JavaScript中的堆叠问题？

Question

我正在使用 webphnent ，当我单击链接时，它将调用函数。

但是问题是当我调用每个链接时，它会堆积pie_arrests的每个div

我需要替换它们而不是堆叠

<ul>
   <li>
       <a href="javascript:void(0);" onclick="callChart(50035); callPie(50035); callMap(50035); callTitle('살인');">살인</a>
   </li>
   <li>
       <a href="javascript:void(0);" onclick="callChart(50047); callPie(50047); callMap(50047); callTitle('절도');">절도</a>
   </li>
</ul>
<div class="chart_pie">
    <span class="div_sub1">검거자</span>
    <div class="pie_arrests"></div>
</div>

这是功能之一！

function callChart(num) {

    $.ajax({
        url: 'http://www.crimestats.or.kr/openapi/Sttsapitbldata.do?KEY=[...]&STATBL_ID=[...]&DTACYCLE_CD=YY&WRTTIME_IDTFR_ID=2016&Type=json&CLS_ID='+num,
        type: 'GET',
        dataType: 'json',
        success: function (resp) {
            var  pie = webponent.visual.pie.init($(".pie_arrests"));
        }
   });