We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Disable default width and size of svg container

Hi Team,

Could you please advise how to disable default width and height of svg container in Donut chart?
I use a responsive layout view. However, this default width and size overrides my style and the chart breaks when I shrink the page.
Appreciate your help on this.


1 Reply

DD Dharanidharan Dharmasivam Syncfusion Team January 18, 2019 06:44 AM UTC

Hi Jsu, 
Greetings from Syncfusion. 
We have validated the reported scenario, and this can be overcome by specifying the style display as block to the corresponding chart class. We have created sample based on your requirement using bootstrap. Now chart takes width and height properly based on bootstrap styles.  
Code Snippet: 
//set style to accumulation chart class 
    .e-accumulationchart { 
        display: block; 
Hope this helps. 

Live Chat Icon For mobile
Up arrow icon