javascript - dimple.js 中的 eventArgs 显得不完整

Question

我最近一直在使用 Dimple.js，发现在某些情况下需要更改默认的工具提示行为。 here 描述了通过 API 执行此操作的方法。 .

但是，传递到函数的dimple.eventArgs 对象应该包含有关触发事件的悬停元素的所有信息，但似乎缺少它应包含的一些数据。 jsFiddle 示例 here 。将鼠标悬停在绘图上的某个点会显示收到的 eventArgs 对象包含数据点的正确 yValue 属性，但 xValue 属性始终为 null。

相反，注释掉 fiddle 中的行

s.getTooltipText = function (e) {
   alert("Object xValue: " + e.xValue + " , Object yValue: " + e.yValue);
   return [e.xValue, e.yValue];
};

显示默认工具提示行为确实收到了正确的 xValue 属性。

在覆盖默认处理程序时如何访问这些值？

Answer 1

默认的工具提示处理程序实际上获取传递给您的重写方法的相同信息:https://github.com/PMSI-AlignAlytics/dimple/blob/master/src/objects/series/methods/getTooltipText.js

如果您正在寻找与从标准工具提示中获得的相同格式的文本，您可以通过访问用于获取标准工具提示的私有(private)方法来获取它。您重写的 getTooltipText 函数将在系列上下文中调用，因此 this 将具有任何可用的 dimple.series 方法(即默认值如何计算文本)。

var rows = [];
this.x._getTooltipText(rows, e); //x is your x dimple.axis object

另请注意，“行”将在该函数内发生变化，并且不会返回任何内容。如果您正在寻找用于计算其位置的原始数据点，则应该可以在 e.x 上找到。仅当您手动使用 series.addEventListener 时，才会创建 dimple.eventArgs 对象。