Component used to pass values to the strike component

LCMP_DisplayChart.cmp

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,forceCommunity:availableForAllPageTypes" access="global" controller="LCC_CaseResults">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    
    <aura:attribute name="barData" type="Object[]" />
    <aura:attribute name="accountName" type="String" default="" />
    <aura:attribute name="divLength" type="String" default="4" />
    <aura:attribute name="opencases" type="String" default="Open Cases" />
    <aura:attribute name="closedcases" type="String" default="Closed cases" />
    <aura:attribute name="totalcases" type="String" default="{!$Label.c.CLR417CCCTotalCases}" />
    <aura:attribute name="isLoaded" type="Boolean" default="false" />
    <aura:attribute name="nocasesMsg" type="Boolean" default="false" />

	<!-- Handlers & Events -->
    <aura:handler name="init" value="{!this}" action="{!c.getResponse}" />    
    
    <!-- Container Div -->
    <div class="slds" style="margin:36px 0;">
        
        <aura:if isTrue="{!v.showSpinner}">
            <lightning:spinner variant="brand" size="large" class="slds-spinner_container slds-is-fixed" alternativeText="spinner" />
            <div class="slds-backdrop"></div>
        </aura:if>
        
        <!-- Displays Error Message -->
        <aura:if isTrue="{!v.isAlert}">
            <div aura:id="alert-id" >
                <div class="slds-notify_alert slds-theme_alert-texture slds-theme_error" role="alert">
                    <lightning:layout horizontalAlign="center" verticalAlign="center" multipleRows="false" class="error-messageDiv">
                        <lightning:layoutItem flexibility="auto" smallDeviceSize="10" mediumDeviceSize="10" largeDeviceSize="10" size="10" class="error-contentDiv">
                            <lightning:icon iconName="utility:ban" variant="inverse" alternativeText="error" />
                            <h2>{!v.alertMessage}</h2>
                        </lightning:layoutItem>
                    </lightning:layout>
                </div>
            </div>
        </aura:if>
        
        <!-- Div to display if there are cases in the system to display the chart -->
        <aura:if isTrue="{!v.isLoaded}">
            <lightning:layout horizontalAlign="spread" verticalAlign="center" multipleRows="true" class="slds-box">
                <lightning:layoutItem largeDeviceSize="1" size="12" class="slds-medium-show">
                </lightning:layoutItem>
                <lightning:layoutItem flexibility="auto" smallDeviceSize="12" mediumDeviceSize="{!v.divLength}" largeDeviceSize="{!v.divLength}" size="12">
                    <c:LCMP_StrikeChart type="bar"
                                          data="{!v.barData}"
                                          title="Type of Case"
                                          orientation="vertical"
                                          xAxisLabel="Accounts"
                                          yAxisLabel="Total Cases" />
                </lightning:layoutItem>
                <lightning:layoutItem largeDeviceSize="1" size="12" class="slds-medium-show">
                </lightning:layoutItem>
            </lightning:layout>
        </aura:if>
        
        <!-- No cases error message div -->
        <aura:if isTrue="{!v.nocasesMsg}">
            <h2 style="color:#000000;font-weight:bold;"> No Cases Found </h2>
        </aura:if>
    </div>
    
</aura:component>