lineChart Nvd3.js 中工具提示的位置错误？

Question

我有一个页面，其中包含使用 NVD-chart.js 制作的多个图表。图表放置在仪表板中，因此仪表板的每个部分都包含一个图表。此仪表板包含两个折线图。问题是第二个折线图的工具提示错误地放在了左边，所以它离折线图很远。

我尝试了很多代码，例如：

1)

chart.interactiveLayer.tooltip.chartContainer(d3.select('#chart_ligne svg'));

我想用这行代码强制工具提示的容器，但没有任何变化

2)

chart.interactiveLayer.tooltip.position({"left":50})

我想用这行代码将工具提示固定在固定位置以在她的折线图中显示，但没有任何变化。

3)

chart.interactiveLayer.tooltip.gravity('s')
chart.interactiveLayer.tooltip.gravity('n')
chart.interactiveLayer.tooltip.gravity('w')
chart.interactiveLayer.tooltip.gravity('e')

没有变化。 请有人有想法并帮助我？

Answer 1

我遇到了同样的问题。我试过this solution，但它不起作用。

最后，我通过使用 1.8.1 版本的 nvd3 将 d3.js 更新到最新版本（3.5.16）解决了这个问题。