5

円グラフの設定は次のとおりです。

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に行く場合、そのような設定を行うにはどうすればよいですか?

ありがとう

4

1 に答える 1

9

リンクされた投稿で私のアイデアを適用するには、ウィンドウのサイズ変更イベントをフックして、グラフを再描画します。

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

ここで働くフィドル。

于 2012-07-06T16:25:01.147 に答える