更新图表数据后,NVD3工具提示指针不更新位置

时间:2016-05-19 14:26:26

标签: tooltip nvd3.js

我正在使用NVD3库来绘制图形。我正在使用交互式指南,由于某些原因,在我更新图表数据+图表后,工具提示指针保持在旧位置。

tooltip pointer at wrong position

当我更新数据时,我这样做:

  

chartData.datum(数据).CALL(图表);

除了工具提示指针的位置外,一切都更新。他们似乎陷入了旧位置。我也尝试过这样说:

  

chart.update();

我注意到在调整窗口大小并调用chart.update()时,指针设置在正确的位置。

有人知道如何解决这个问题吗?

2 个答案:

答案 0 :(得分:2)

发现它!我显然必须添加transition()。duration(500);

因此,为了更新图表,我称之为:

  

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;
        }