AccumulationType Pyramid problem in card-body.

[Kimsong]

[Kimsong]

<div class="col-md-8 col-sm-12">

    <div class="card">

        <div class="card-header">

            <h3 class="card-title">Master Pyramid</h3>

        </div>

        <div class="card-body">

            <ejs-accumulationchart id="container" title="Mobile Browser Statistics" height="auto">

                <e-accumulationchart-legendsettings visible="false">

                </e-accumulationchart-legendsettings>

                <e-accumulation-series-collection>

                    <e-accumulation-series dataSource="data" xName="xValue" yName="yValue" name="Browser"

                                           type="@Syncfusion.EJ2.Charts.AccumulationType.Pyramid" width="60%" height="80%">

                    </e-accumulation-series>

                </e-accumulation-series-collection>

            </ejs-accumulationchart>

        </div>

    </div>

</div>

[Durga Gopalakrishnan]

Hi Kimsong, 

Greetings from Syncfusion. 

We have ensured your reported scenario with provided snippet. We request you to specify height and width for accumulation chart instead of series, since it is direct property. Please check with the below snippet and sample. 

<div class="col-md-8 col-sm-12"> 

    <div class="card"> 

        <div class="card-header"> 

           <h3 class="card-title">Master Pyramid</h3> 

        </div> 

        <div class="card-body"> 

            <ejs-accumulationchart id="container" title="Mobile Browser Statistics" width="60%" height="80%"> 

           </ejs-accumulationchart> 

        </div> 

    </div> 

</div> 

 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/CardChart378738216.zip 

Kindly revert us if you have any concerns. 

Regards, 

Durga G