Моя диаграмма кендо не обновляется

Question

У меня есть диаграмма кендо и древовидное представление в моем приложении. Я хочу динамически менять ось значений в отмеченном флажке флажке, пример Когда мы проверяем флажок «KM» в treeview то в диаграмме будет отображаться ось значений для Km и данных.

поэтому я попробовал код, тогда моя диаграмма не отображается. Мой проверили код события

$("#treeview").on("change", function (e) { 
    var chart = $("#chart").data("kendoChart"); 

    var checkedSeries = []; 

    $("#treeview").find(":checked").each(function() { 
     var nodeText = $(this).parent().parent().text(); 

     $.each(valueAxes, function(index, valueAxes) { 
      if (valueAxes.field == nodeText) { 
       checkedSeries.push(valueAxes); 
      } 
     }); 
    }); 

    chart.options.valueAxes = checkedSeries; 
    chart.refresh(); 
}); 

Что плохого в моем коде, пожалуйста, помогите мне. Вот мой jsbin http://jsbin.com/eyibar/11/edit

Answer 1

Прежде всего, необходимо назначить график переменного в на-изменениях события события зрения дерева, без этого дерева вид не узнавал диаграмму, и это ось значения и в вашем valueAxes кода нет свойства поля, поэтому по имени valueAxes вам нужно проверить узел treeview, а затем нажать значениеAxes.

$("#treview").on("change", function (e) { 
       var chart = $("#chart").data("kendoChart"); 
       var checkedSeries = []; 
       if ($("#treeview").find(":checked").length !== 0) { 
        $("#treeview").find(":checked").each(function() { 
         var nodeText = $(this).parent().parent().text(); 
         $.each(valueAxes, function (index, valueAxes) { 
          if (valueAxes.name == nodeText) { 
           checkedSeries.push(valueAxes); 
           checkedSeries.visible = true; 
          } 
         }); 
        }); 
        createChart(checkedSeries); 
       } 
       else { 
        createChart(checkedSeries); 
       } 
      });