图表标签重叠在素面中

Question

我正面临primeFaces中标签重叠的问题。

我的客户记录超过50k ，所以我必须在图表中显示所有情况，但一切正常，但问题是，活动客户记录太多，未活动客户记录也少于50因此它与“待处理”个人资料的标签重叠。

这是Bean：

public void getALLCustomersProfileStatus() {

    MainDashboardModel db = new MainDashboardModel();
    db.getALLCustomersProfileStatus();
    pieModel = new PieChartModel();

    dashboardObj = db.getALLCustomersProfileStatus();
    int totalActive = 0;
    int totalInactive = 0;
    int totalPending = 0;

    if (dashboardObj != null) {
        totalActive = dashboardObj.getTotalActiveCustomerProfileCount();
        totalInactive = dashboardObj.getTotalInactiveCustomerProfileCount();
        totalPending = dashboardObj.getTotalPendingCustomerProfileCount();
        totalCustomerProfiles = (totalActive + totalInactive + totalPending);

    }


    pieModel.setFill(true);
    pieModel.setShowDataLabels(true);
    pieModel.setDiameter(150);
    pieModel.setShadow(false);
    pieModel.set("Active Profile", totalActive);
    pieModel.set("Inactive Profile", totalInactive);
    pieModel.set("Pending",( totalPending ));

    pieModel.setSeriesColors("2CC5A2,F05129,F28E8E");//#e69900

    pieModel.setLegendPosition("w");

}

以下是xhtml：

 <ui:define name="content">


    <div class="ui-g dashboard">

        <div class="ui-g-12 ui-md-12">
            <div class="card overview">
                <div class="overview-content clearfix">
                    <span class="overview-title">Total Customer Profiles</span>
                    <span class="overview-detail">#{mainDashboardBean.totalCustomerProfiles}</span>
                </div>



            </div>
        </div>



        <div class="ui-g-12 ui-md-12">
            <p:panelGrid layout="grid" columns="2">
                <p:chart type="pie"  model="#{mainDashboardBean.pieModel}" style="width: 400px; height: 300px"></p:chart>
            </p:panelGrid>
        </div>
    </div>


</ui:define>

我再次在解释数据正在取得完美的进展，但面临的问题只是重叠的。 待处理的个人资料只有26个。

这是图片 谢谢。