asp.net-mvc-4 - 剣道 UI チャートのアニメーションを制御するには?

Question

とにかく、剣道UIチャートコントロールがロードされたときにアニメーションの初速度を遅くすることはありますか?

私はパネル バー コントロールを使用しており、剣道 ui 円グラフを読み込んでいます。パネル バーの項目をクリックすると、コンテンツが ajax リクエストを使用してパネル バーに読み込まれます。そのコンテンツには、Kendo ui チャート コントロールがあります。チャートのアニメーションが正しく表示されません。

剣道UIチャートのアニメーションを遅くする方法はありますか?

http://i.stack.imgur.com/wEJwc.png

Answer 1

Chart は、最初のアニメーションの長さを制御する手段を提供しません。今後のバージョンでこれを修正します。気づいていただきありがとうございます。

少し遅れてチャートをインスタンス化することで、最初のアニメーションをよりスムーズにすることができます。

var DELAY = 100,
    chartIndex = 0;

function createChart() {
    $("<div />", {
        id: "chart" + chartIndex++
    }).css({
        width: "100px",
        height: "100px",
        "float": "left"
    }).appendTo(document.body).kendoChart({
        legend: {
            visible: false
        },
        series: [
            {
            name: "Value A",
            data: [10, 15, 20, 30]}
        ],
        valueAxis: {
            labels: {
                visible: false
            }
        },
        categoryAxis: {
            labels: {
                visible: false
            }
        }
    });
}

$(document).ready(function() {
    for (var i = 0; i < 42; i++) {
        setTimeout(function() {
            createChart();
        }, i * DELAY);
    }
});

したがって、パネル バーが完全に展開されたら、チャートをバインドしてみてください。