Responsive Pie Chart

[Jeffrey Monroe]

I am looking for a sample of a responsive pie chart. I have tried different suggestions from the forums but none seem to work. Is there a fully worked sample I can reference?

[Alexander]

Hi Jeffrey,

A possible recommendation to achieve the desired outcome would be to explicitly re-calculate the Chart's dimensions by utilizing the .refresh() method of the component whilst wiring to the window.resize event.

Here is an exemplary configuration:

@(Html.Kendo().Chart()
    .Name("chart")
    ...
 )


<script>
    $(window).resize(function () {
        $("#chart").data("kendoChart").refresh();
    });
</script>    

The aforementioned approach would then produce a result identical to the following once the dimensions of the viewport change:

Please give this suggestion a try and let me know how it works out for you.

Kind Regards,
Alexander
Progress Telerik