Kendo ui 我的剑道图没有更新
我的应用程序中有剑道图和树状图。我想在复选框选中的事件中动态更改值轴,例如,当我们在treeview中选中“KM”复选框时,KM的值轴和数据将显示在图表中 所以我尝试了一些代码,但是我的图表没有显示出来。 我的已检查事件代码为Kendo ui 我的剑道图没有更新,kendo-ui,kendo-treeview,Kendo Ui,Kendo Treeview,我的应用程序中有剑道图和树状图。我想在复选框选中的事件中动态更改值轴,例如,当我们在treeview中选中“KM”复选框时,KM的值轴和数据将显示在图表中 所以我尝试了一些代码,但是我的图表没有显示出来。 我的已检查事件代码为 $("#treeview").on("change", function (e) { var chart = $("#chart").data("kendoChart"); var checkedSeries = []; $("#treevie
$("#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首先,您需要在树视图的on change event事件中将图表分配给一个变量,否则树视图无法识别图表及其值轴,并且在valueAxes代码中没有字段属性,因此,根据valueAxes的名称,您需要检查treeview节点,然后按下valueAxes
$("#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);
}
});
您好,我尝试过显示一个图表,但单击事件时值轴未更改这里是jsbin