Accumulation chart will not reesize to its container

[Laurence]

Hi support

I have a frustrating issue - sfAccumulation chart refuses to fit into its parent container - if I have a div set to 200px height and width - the chart contained within will always have a generated height of at least 450px and will never conform to its container - I need three sizes of the same chart on the same page

       

       

       

           

               

           

       

       

   

[Laurence]

[Laurence]

[Srihari Muthukaruppan]

Hi Laurence, 

 

We have analysed your query. From that, we would like to let you know that the chart is responsive with respect to the width and height of its parent element, if its zero, then it will render with its default size(600 * 450). Hence we suggest you to provide width and height as inherit to achieve the height and width of parent div. We have also attached the code snippet for your reference. Please find the below code snippet, and screenshot.  

 

Code Snippet: 

<style> 

.e-chart { 

        width: inherit !important; 

        height: inherit !important; 

    } 

  

  .e-accumulationchart { 

        width: inherit !important; 

        height: inherit !important; 

    } 

</style> 

  

Screenshot: 

 

  

If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.      

1. Please share the runnable sample.
2. Share the details if you have done any other customization in your sample.

 

Regards, 

Srihari M 

[Laurence]

That now resizes thank you kindly Srihari!

[Srihari Muthukaruppan]

Hi Laurence,  

 

Most welcome. Kindly get in touch with us, if you requires further assistance. We are always happy in assisting you.   

   

Thanks,   

Srihari M