Как контролировать анимацию графиков пользовательского интерфейса Kendo?

Question

Есть ли в любом случае, чтобы замедлить начальную скорость анимации, когда загружается команда kendo ui chart?

Я использую панель управления панелью, и я загружаю круговую диаграмму kendo 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); 
    } 
}); 

Итак, попробуйте привязать график, как только панель панели полностью развернется.