lineChart Nvd3.js中Tooltip的错误位置?

时间:2015-09-08 15:59:14

标签: javascript jquery tooltip nvd3.js linechart

我有一个页面,其中包含使用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')

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

1 个答案:

答案 0 :(得分:1)

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

最后,我通过使用1.8版本的nvd3将d3.js更新到最新版本(3.5.16)来解决了这个问题。