Question

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

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

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);
}

突出显示单击的栏系列

1 个答案:

更新了FIDDLE