New to Telerik UI for Blazor? Download free 30-day trial

Responsive Chart


Product Chart for Blazor


When the user resizes the browser window or some layout change happens (for example, a navigation panel is expanded or collapsed), you may want to have the charts redraw with the new dimensions.


Generally, the Width and Height parameters of the chart can take values in %, and the chart will render according to the dimensions of its parent element.

This works well for the initial rendering and the chart will be "responsive" immediately according to your layout, regardless of the display (desktop, tablet, phone).

When the layout changes dynamically at runtime, you have to call its .Refresh() method. You can find an example in the following sample project:

In this article