剑道ui图表控件加载时是否有减慢动画的初始速度?
我正在使用面板栏控件,并且正在加载剑道 ui 饼图。当我单击面板栏的项目时,使用 ajax 请求将内容加载到面板栏。在该内容中有一个 Kendo ui 图表控件。我无法正确看到图表的动画。
有什么办法可以减慢剑道 ui 图表的动画速度?
剑道ui图表控件加载时是否有减慢动画的初始速度?
我正在使用面板栏控件,并且正在加载剑道 ui 饼图。当我单击面板栏的项目时,使用 ajax 请求将内容加载到面板栏。在该内容中有一个 Kendo ui 图表控件。我无法正确看到图表的动画。
有什么办法可以减慢剑道 ui 图表的动画速度?
图表不提供控制初始动画持续时间的方法。我们将在未来的版本中更正此问题。感谢您的关注。
我们可以通过稍微延迟实例化图表来使初始动画更流畅。
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);
}
});
因此,请在面板栏完全展开后尝试绑定图表。