使用除a和y軸以外的數據的Flot圖形工具提示

Question

我有一個在y軸上的速度和x軸上的距離以及工具提示（x，y）的Flot圖形。我只需要在工具提示中顯示另一個數據「日期」以及x和y，而不是在圖表上。什麼是最好的方式來做到這一點。數據庫中的數據將是速度|距離|日期等等。所以x，y和日期之間有關係。

Answer 1

最簡單的方法是創建一個與您的數據點數組索引相同的日期數組。在您的工具提示功能，然後你可以通過索引查詢的日期陣列拉出適當的日期爲點（見小提琴here）：

$("#placeholder").bind("plothover", function (event, pos, item) { 
    if (item) { 
    $("#tooltip").remove(); 
    showTooltip(item.pageX, item.pageY, 
     randomDates[item.dataIndex].toDateString()); // query by data point index 
    } 
    else { 
    $("#tooltip").remove(); 
    } 
});