체크 된 이벤트를 기반으로하는 KendoChart 필터링이 제대로 작동하지 않습니다.

Question

검도 컨트롤을 사용하는 프로젝트를 하나 수행하고 있습니다. 검도 차트와 트리보기가 내 응용 프로그램에 있습니다. 내 요구 사항은 검도 차트를 필터링하는 것입니다. 트리보기에서 체크 이벤트. 그리고 여기에 단 2 개의 체크 박스가 한 번에 선택됩니다. 페이지로드시 2 개의 항목 만 차트에 표시됩니다.

내 바이올린은 http://jsfiddle.net/RHh67/73/

변경 이벤트 코드에 내 트 리뷰 당신은 당신이 change 핸들러에 nodeText을 계산할 때 trim를 추가하십시오 ... 당신이 텍스트 노드에서 여분의 공백을 제거 할 필요가

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

    var checkedSeries = []; 

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

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

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

Answer 1

입니다 함수 :

var nodeText = $(this).parent().parent().text().trim();