kendo-ui - 基于选中事件的 KendoChart 过滤无法正常工作

Question

我正在使用剑道控件做一个项目，我的应用程序中有剑道图表和带有复选框的树形视图。我的要求是根据树形视图中的选中事件过滤剑道图表。这里只有 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计算时添加：nodeTextchange

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