Kendo ui 剑道图值轴将在单击事件时更改

我有多值轴剑道图和剑道树视图。我想根据复选框选择显示值轴es。 例如，我们将选中“KM”复选框，然后图表将显示KM值轴

可能吗

以下是我的图表代码：

函数createChart（）{
$（“#图表”）。肯多卡特({
图例：{
位置：“顶部”
},
系列：[{
键入：“列”，
数据：[20,40,45,30,50]，
斯塔克：没错，
名称：“电池上”，
颜色：“003c72”
}, {
键入：“列”，
数据：[20,30,35,35,40]，
斯塔克：没错，
名称：“加油”，
颜色：“0399d4”
}, {
类型：“区域”，
数据：[30,38,40,32,42]，
名称：“mpg”，
颜色：“642381”，
轴：“mpg”
}, {
类型：“区域”，
数据：[7.8,6.2,5.9,7.4,5.6]，
名称：“l/100公里”，
颜色：#e5388a“，
轴线：“100km”
}],
valueAxes：[{
标题：{text:“miles”}，
分:0,，
最高：100
}, {
名称：“公里”，
标题：{正文：“km”}，
分:0,，
最高：161，
主要单位：32
}, {
名称：“mpg”，
标题：{文本：“每加仑英里数”}，
颜色：“642381”
}, {
名称：“100km”，
标题：{文本：“每100公里升数”}，
颜色：“e5388a”
}],
类别：{
类别：[“周一”、“周二”、“周三”、“周四”、“周五”]，
axisCrossingValues:[0,0,10,10]
}
});
}
$（文档）.ready（函数（）{
setTimeout（函数（）{
createChart（）；
$（“#示例”）.bind（“剑道：皮肤变化”，函数（e）{
createChart（）；
});
}, 400);
});

---

My jsbin:

如果您只想隐藏图表侧面的值轴标签，那么您需要添加一个在复选框更改时处理的函数。然后在复选框更改处理程序中，在图表的valueAxis数组中找到匹配的对象，并在其上设置以下两个属性：

valueAxes: [{
    ...
    visible: false,
    title: { visible: false },
    ...
}]

---

首先，您需要在树状视图的on change event事件中将图表指定给一个变量，否则树状视图无法识别图表及其值轴，您需要检查treeview节点，然后按下ValueAxis

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

---

你能给我举个例子吗？请回复我，这对我很有用。