当用户单击条形图项目时,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