高亮点击栏系列

Question

当用户单击条形图项目时，剑道是否有任何内置方法，然后它将突出显示所有相应的项目？

例如在下面的fiddle 中，有五个项目。如果我单击first bar (1970) 中的item1，它应该突出显示second bar (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