使用除a轴和y轴以外的数据绘制图形工具提示

Question

我有一个Flot图，其中y轴为速度，x轴为距离，工具提示（x，y）。我需要在工具提示中显示另一个数据“日期”以及x和y，而不是在图表上。什么是最好的方法。 DB中的数据将是Speed | distance | date等......因此x，y和date之间存在关系。

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