基于已检查事件的KendoChart过滤无法正常工作

Question

我正在使用kendo控件做一个项目，我的应用程序中有一个带有复选框的kendo图表和树视图。我的要求是根据树视图中的已检查事件过滤kendo图表。这里只有2个复选框一次选择。在页面加载时，图表中只显示2个项目。

我的小提琴是http://jsfiddle.net/RHh67/73/

我对变更事件代码的树视图是

$("#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

您需要从文本节点中删除多余的空格...在trim处理函数上计算nodeText时尝试添加change：

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