(剑道图）可以通过调整大小窗口重排其大小

(kendoUI chart) Possible to reflow its size with a resizing window?

本文关键字：窗口 调整 可以通过      更新时间：2023-09-26

以下是饼图的设置： 

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布尔值（StackOverflow中的回流示例）完全符合我的需求。

我不确定 kendoUI 图表是否具有相同的重排设置，或者我应该使用 CSS 样式。如果选择CSS，如何进行这样的设置？

谢谢

在您的

链接帖子中应用我的想法，只需钩住窗口调整大小事件并重新绘制图表：

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

在这里工作小提琴。

相关文章：