Javascript (kendoUI图表)是否可以通过调整窗口大小来回流其大小?

Javascript (kendoUI图表)是否可以通过调整窗口大小来回流其大小?,javascript,css,highcharts,kendo-ui,Javascript,Css,Highcharts,Kendo Ui,以下是饼图的设置: function createChart(chartDataSource) { $("#chart").kendoChart({ theme:$(document).data("kendoSkin") || "black", title:{ text:"Efficiency" }, legend:{ position:"bottom" },

以下是饼图的设置:

function createChart(chartDataSource) {
    $("#chart").kendoChart({
        theme:$(document).data("kendoSkin") || "black",
        title:{
            text:"Efficiency"
        },
        legend:{
            position:"bottom"
        },
        dataSource:chartDataSource,
        series:[
            {
                type:"pie",
                field:"val",
                categoryField:"status"
            }
        ],
        tooltip:{
            visible:true,
            template:"${category} - #= kendo.format('{0:P}', percentage)#"
        }
    });
CSS样式:

#chart {
    width: 50%;
    height: 50%;
    }
我知道Highcharts已经
reflow
boolean()完全满足了我的要求

我不确定kendoUI图表是否具有相同的回流设置,或者我应该使用CSS样式。如果选择CSS,如何设置


感谢您将我的想法应用到您的链接帖子中,只需挂起窗口调整事件并重新绘制图表:

$(window).resize(function() 
{    
    var chart = $("#chart").data("kendoChart");
    chart.refresh();
});

工作小提琴。

谢谢,我一直在考虑使用刷新来更新图表,这是唯一的处理方法吗?或者可以应用一些CSS代码来解决这个问题。谢谢,马克,非常感谢。如果您有时间,请看一看,我已经尝试修复了很长时间。$(窗口).resize(函数(){kendo.resize($(“.k-chart”);});将在不刷新图表的情况下执行此操作。