javascript - 突出显示点击栏系列

Question

kendo中是否有内置方法，当用户单击条形图项目时，它会突出显示所有相应的项目？

例如下面的fiddle ，有五项。如果我点击第一个栏 (1970) 中的 item1，它应该突出显示 第二个栏 (1975) 中的 item1 .

series: [{
   type: "column",
   field: "value",
   stack: true,
   name: "#= group.value #"
}],

Answer 1

您可以添加seriesClick 事件。然后确定单击了哪个系列，并使用 toggleHighlight() 方法关闭所有其他系列的突出显示，并为单击的系列打开突出显示:

seriesClick: function(e) {
    var clickedSeries = e.series.name;
    var chart = $("#chart").data("kendoChart");
    for (var i=0; i< chart.options.series.length; i++){
        chart.toggleHighlight(false, chart.options.series[i].name);
    }
    chart.toggleHighlight(true, clickedSeries);
}

已更新 FIDDLE