Is it possible to show multiple tooltips at the sa

2019-09-17 12:25发布

问题:

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