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

Question

我在 React、Typescript 项目中实现以下代码。

当悬停在我的图表上时，在我的 x 轴（时间）上，我没有得到最近的实体大约 5 年。

我试过换掉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

我最终通过在计算出 bean 后直接编辑鼠标的坐标来找到解决方案：

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

虽然我知道这不是解决我遇到的问题的最佳方法，但它已经设法解决了问题，并且似乎对不同的屏幕尺寸或嵌套组件没有不利影响。