我正在使用NVD3库来绘制图形。我正在使用交互式指南,由于某些原因,在我更新图表数据+图表后,工具提示指针保持在旧位置。
当我更新数据时,我这样做:
chartData.datum(数据).CALL(图表);
除了工具提示指针的位置外,一切都更新。他们似乎陷入了旧位置。我也尝试过这样说:
chart.update();
我注意到在调整窗口大小并调用chart.update()时,指针设置在正确的位置。
有人知道如何解决这个问题吗?
答案 0 :(得分:2)
因此,为了更新图表,我称之为:
chartData.datum(数据) .transition()。持续时间(500) .CALL(图表);
答案 1 :(得分:0)
你能发布一个关于这个问题的更多描述...因为以前我有相同的...覆盖nvd3工具提示功能
`this._nvctp = nv.tooltip.calcTooltipPosition;
nv.tooltip.calcTooltipPosition = this.calcTooltipPosition;
calcTooltipPosition : function() {
this.findTotalOffsetTop = function(a, b) {
return 0;
};
this.findTotalOffsetLeft = function(a, b) {
return 0;
};
arguments[0] = [ window.event.pageX, window.event.pageY ];
var p = nvk.tooltip._nvctp.apply(this, arguments);
p.style.left = (window.event.clientX - (p.clientWidth / 2))
+ 'px';
p.style.top = (window.event.clientY - (p.clientHeight * 1.2))
+ 'px';
p.style.opacity = 1;
p.style.position = 'fixed';
return p;
}