浮點圖工具提示包含a和y軸以外的數據

Question

我有一個Flot圖，其中y軸上的速度和x軸上的距離以及工具提示（x，y）。 我只需要在工具提示中顯示另一個數據“日期”以及x和y，而不是在圖表上。 最好的方法是什么。 DB中的數據將是Speed | distance | date等。因此x，y與日期之間存在關系。

Answer 1

最簡單的方法是創建一個日期數組，該數組的索引與您的數據點數組相同。 然后，在您的工具提示函數中，您可以按索引查詢日期數組以拉出該點的適當日期（請參見此處的小提琴）：

$("#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();
  }
});