带有 a 和 y 轴以外的数据的浮点图工具提示

发布于 2024-12-29 23:24:02 字数 131 浏览 0 评论 0原文

我有一个 Flot 图，y 轴上有速度，x 轴上有距离，还有工具提示 (x,y)。我需要仅在工具提示中显示另一个数据“日期”以及 x 和 y，而不是在图表上。最好的方法是什么。 DB中的数据将是速度|距离|日期等...所以x，y和日期之间存在关系。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

迟到的我 2025-01-05 23:24:02

最简单的方法是创建一个与数据点数组索引相同的日期数组。然后，在工具提示函数中，您可以按索引查询日期数组，以提取该点的适当日期（请参阅小提琴

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

The simplest way would be to create an array of dates that is indexed identical to your data point array. In your tool tip function you can then query the date array by index to pull out the appropriate date for that point (see fiddle 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();
  }
});

回复收藏 0 原文

~没有更多了~