nvd3工具提示位置基于鼠标指针使用JavaScript

nvd3 tooltip position based on mouse pointer by using JavaScript

本文关键字：JavaScript 鼠标指针 工具提示 位置 nvd3      更新时间：2023-09-26

我试图通过自定义离散条形图使用nvd3图表制作一个水平瀑布图。它实际上是基于前一个柱来定位下一个柱。D3仍然认为工具条在期望的位置，因此工具提示显示在那里(而不是在工具条的当前位置)。

演示

我有两个问题

  1. 我想把工具提示放在栏的当前位置。
  2. 我想强制y轴开始某个点。例如，在演示中，我的Y轴起点将是4000，并且不会显示-ve点(低于0)。我试着传递力量，它到达了图书馆，但没有做任何事情。一些实现在14k行代码中没有被调用

谢谢你的帮助

可以通过调用工具提示函数来调用(并个性化)工具提示，如下所示:

chart.tooltip(function (key, x, y, e, graph) {
       return '<p><strong>' + key + '</strong></p>' +
       '<p>' + y + ' in the month ' + x + '</p>';
});

在您的示例中，您可以将它插入返回图之前;线。

相关文章：