当用户单击条形图项目时,kendo中是否有任何内置方法,它将突出显示所有对应的项目?

例如,在以下fiddle中,有五个项目。如果单击item1中的first bar (1970),则应突出显示item1中的second bar (1975)

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

最佳答案

您可以添加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

09-10 12:11
查看更多