Plottable.js entityNearest没有给我最近的实体

Question

我在一个React，Typescript项目中实现下面的代码。

当悬停在我的图表上时，我得不到最近的实体，大约5年后，在我的x轴(时间)上。

我尝试过将entityNearest换成entityNearestXThenY，但也产生了类似的结果。

下面是我的指针交互函数：

        new Plottable.Interactions.Pointer()
        .attachTo(Chart)
        .onPointerMove(function(p) {
            var entity = hiddenGraph.entityNearest(p);
            var date = parseTime(entity.datum.x);
            var value = currencySymbolNoPrecision(entity.datum.y);
            var displayValue = (value + " • " + date);
            guideline.value(entity.datum.x);
            xAxis.annotatedTicks([entity.datum.x]);
            title.text(displayValue).yAlignment();
        })
        .onPointerExit(function() {
            guideline.pixelPosition(-10);
            xAxis.annotatedTicks([]);
        });

指针跟踪也是非常不稳定的。我的数据集是1950年以来的每月黄金价格。我已经检查了数据集，以确保没有问题。

在下图中，我的鼠标大致停留在红色圆圈的位置。

​

​

如果我能提供任何进一步的信息，请告诉我。

Answer 1

我最终得到了一个解决方案，在计算鼠标坐标后直接编辑它的坐标：

.onPointerMove(p){ 
    p={x: p.x-(compensationValue), y:p.y} 
    ...
    ...
    ...
}

虽然我知道这不是我遇到的问题的最佳解决方案，但它已经解决了这个问题，而且在不同的屏幕尺寸或嵌套组件时似乎没有任何负面影响。