How to make Chart responsive during page resize in .NET MVC?
Essential Chart is made responsive that is resizing the Chart automatically during browser resize by enabling the CanResize property of the Chart. The default value of this property is false. Essential Chart is resized based on its parent container’s width and height. Hence, responsiveness of the Chart depends upon the responsiveness of its parent container. The following code illustrates this.
@(Html.EJ().Chart("container") .CanResize(true) )
The following screenshot displays the Chart before resizing the page.
The following screenshot displays the Chart after resizing the page.
I hope you enjoyed learning on to make the Chart responsive during the page resize.
You can refer to our ASP.NET MVC Charts feature tour feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our ASP.NET MVC Charts example to understand how to create and manipulate data.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!