如何控制剑道UI图表的动画

Question

当剑道ui图表控件加载时，有没有办法降低动画的初始速度？

我正在使用面板栏控件，在那里我正在加载剑道ui饼图。当我点击面板栏的项目时，内容会使用ajax请求加载到面板栏中。在该内容中有一个剑道ui图表控件。我不能正确地看到图表的动画。

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

https://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);
    }
});

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