jquery - Flot 共享工具提示

Question

使用Flot动态绘制多个系列的图表。使用 Tootips 在悬停时提供标签。如果多个系列在网格上具有相同的点，则工具提示仅显示 1 个系列的标签。希望工具提示显示共享标签，每个系列在显示其标签的点上。谢谢!

Answer 1

我不相信这种能力是轻易存在的。我会预先筛选我的数据并记下任何重叠的数据点。当然，这种方法的可行性取决于数据集的大小:

var data1 = [[0,3],[1,1],[2,2],[4,8],[5,10]];
var data2 = [[0,2],[1,2],[2,2],[4,6],[6,13]];

overLap = {}

for (var i = 0; i < data1.length; ++i)
{
    for (var j = 0; j < data2.length; ++j)
    {
        if ((data1[i][0] == data2[j][0]) && (data1[i][1] == data2[j][1]))
            overLap[data1[i]] = "label1 and label2";
    }
}

然后在绘图上只需检查您的 overLap 关联数组:

$("#placeholder").bind("plothover", function (event, pos, item) {
        if (item) {   
          var key = [item.datapoint[0], item.datapoint[1]]
          if(key in overLap)
          {
               alert(overLap[key]);
          }
        }              
});

这是一个jsfiddle并附有一个工作示例。