Question

我有以下kendo图表的实现，现在我有要求

点击系列显示正常，其他系列显示为淡化（设置一些不透明度）

如何在kendo图表类型中实现：bar

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

这里是小提琴

http://jsfiddle.net/kcbvtutu/

Answer 1

我只是在循环中设置了系列的不透明度，然后就可以了。

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);
        item.opacity = 0.3
     }
   chart.toggleHighlight(true, clickedSeries);
}

刚在循环中添加以下行

item.opacity = 0.3

然后它奏效了。

点击系列突出显示，其他系列显示为淡化

1 个答案: