asp.net-mvc-4 - 如何控制剑道 UI 图表的动画？

Question

剑道ui图表控件加载时是否有减慢动画的初始速度？

我正在使用面板栏控件，并且正在加载剑道 ui 饼图。当我单击面板栏的项目时，使用 ajax 请求将内容加载到面板栏。在该内容中有一个 Kendo ui 图表控件。我无法正确看到图表的动画。

有什么办法可以减慢剑道 ui 图表的动画速度？

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

Answer 1

图表不提供控制初始动画持续时间的方法。我们将在未来的版本中更正此问题。感谢您的关注。

我们可以通过稍微延迟实例化图表来使初始动画更流畅。

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);
    }
});

因此，请在面板栏完全展开后尝试绑定图表。