(kendoUI chart) Möglich, reflow-seine Größe mit einer Größenänderung Fenster?

Hier die Einstellungen für das Kreisdiagramm: 

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-Stil: 

#chart {
    width: 50%;
    height: 50%;
    }

Ich weiß, dass Highcharts hat reflow boolean (reflow Beispiel bei StackOverflow) Tat genau das, was ich will.

Ich bin mir nicht sicher, ob kendoUI chart die gleichen reflow-Einstellung oder sollte ich spielen, um mit dem CSS-Stil. Wenn Sie gehen für CSS, wie man eine solche Einstellung?

Dank

InformationsquelleAutor sozhen | 2012-07-06
  1. 9

    Anwendung meiner Idee in deinem verlinkten post, nur Haken Sie das Fenster resize-Ereignis und neu zeichnen das Diagramm:

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

    Arbeiten fiddle hier.

    • Danke, ich habe darüber nachgedacht, mit aktualisieren, um das Diagramm aktualisieren, ist es der einzige Weg, dies zu behandeln? Oder einige CSS-code angewendet werden können, um dieses Problem zu lösen. Danke.
    • Mark, ich danke Ihnen sehr. Wenn Sie Zeit haben, schauen Sie sich bitte die diese Frage, die ich versucht habe zu beheben, für lange Zeit.
    • $(window).resize(function(){ kendo.resize($(".k-Diagramm")); }); wird die Arbeit machen, ohne eine Aktualisierung des Diagramms.
    InformationsquelleAutor Mark
Schreibe einen Kommentar