AccumulationType Pyramid problem in card-body.





2 Replies

KI Kimsong September 21, 2021 04:26 AM UTC

<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>



DG Durga Gopalakrishnan Syncfusion Team September 22, 2021 02:29 PM UTC

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> 

 


Kindly revert us if you have any concerns. 

Regards, 
Durga G 


Loader.
Up arrow icon