public class LeadStatus {
    @auraenabled
    public static List<StatusWrapper> leadStatus(){
        List<StatusWrapper> wrapper = new List<StatusWrapper>() ; 
        AggregateResult[] Result = [SELECT Count(Id) Total ,
                                    Status statusName FROM Lead   GROUP BY Status];
        for (AggregateResult ar : Result) {
            wrapper.add(new StatusWrapper((String)ar.get('statusName') ,(Integer)ar.get('Total')));
        }
        
        return wrapper ;
        
    }
    
    public class StatusWrapper{
        @auraenabled
        public String status {get;set;}
        @auraenabled
        public Integer count {get;set;}
        public StatusWrapper(String status , Integer count){
            this.status = status ;
            this.count = count ; 
            
        }
        
    }
    
}

<aura:component controller="LeadStatus" implements="force:appHostable" >
    
    <aura:attribute name="leads" type="List[]"/>
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    
    <table border="1" class="table">
        <tr>
            <th>Status&nbsp;&nbsp;</th> 
            <th>Count&nbsp;</th>
        </tr><br/>
        <aura:iteration items="{!v.leads}" var="cust">
            <tr> 
                <td>{!cust.status}</td>
                <td>{!cust.count}</td>       
            </tr>
        </aura:iteration>
    </table>
    
</aura:component>

({
    doInit : function(component, event) {
        var action = component.get("c.leadStatus");
        action.setCallback(this, function(a) {
            component.set("v.leads", a.getReturnValue());
        });
        $A.enqueueAction(action);
    }
})