问题
I have the following implementation. It works and functional. When user hovers the mouse on the bar chart and if there are common/paired objects, the corresponding objects' bar border color are highlighted.
However, I would like to know whether or not there is a way to show tooltip at the same time across the paired objects. i.e multiple tooltips at the same time for paired objects.
seriesHover: function (e) {
console.log(e);
var fname = e.dataItem.fname;
var ser = fnameMap[fname];
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);
}
for(var i = 0; i < ser.length; i++) {
chart.toggleHighlight(true, ser[i]);
}
$("#chart g path").each(function (idx){
var op = $(this).attr('stroke-opacity');
if (op == 0.2){
$(this)
.attr('stroke', '#000')
.attr('stroke-opacity', 1)
.attr('stroke-width', 2);
}
});
JSFiddle
来源:https://stackoverflow.com/questions/30653450/is-it-possible-to-show-multiple-tooltips-at-the-same-time