Изменение размера диаграммы Кендо

Question

Я пытаюсь изменить размер диаграммы Кендо. У меня есть несколько диаграмм на экране, и когда я перетаскиваю его в определенную область браузера, я хочу, чтобы он изменялся. Первоначально я установил my chartArea в 400 x 400 в свой javascript, а затем использовал следующий код для изменения размера.

  $(id).kendoChart({ 
       chartArea: { 
        width: 200, 
        height: 200 
       } 
      }); 
      $(id).data("kendoChart").redraw(); 

До:

После:

Почему мой график пойти совершенно пустой и не имеют каких-либо данных о нем?

Обновление: Интересно, что я заметил, что если диаграмма перерисовывается во второй раз, она отображается правильно (т. Е. Когда я перетаскиваю второй график в область, первая диаграмма перерисовывается и верна, но вторая сейчас не отображается правильно).

Answer 1

Как показано в the API docs, правильный способ изменить размер диаграммы выглядит следующим образом:

var c = $("#chart"); 
c.kendoChart({ 
    //options 
}); 

//Then later 
c.css("width", "800px") 
    .data("kendoChart").resize();