Disable default width and size of svg container

[jsu]

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.

Thanks,

[Dharanidharan Dharmasivam]

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: 

 

[index.cshtml]: 

 

//set style to accumulation chart class 

<style> 

    .e-accumulationchart { 

        display: block; 

    } 

</style> 

 

 

Screenshot: 

 

 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Accumulationresponsive_sample933983405.zip 

 

Hope this helps. 

 

Regards, 

Dharani.