javascript - DipleJS - 在 getTooltipText 回调中获取原始数据

Question

目标

我想将一些额外的数据传递给凹坑，以便在工具提示中显示。

现在，我显示货架上的产品数量以及盘点时间。我还想在悬停工具提示中显示其他数据，特别是清点货架上产品的人员的姓名。

问题

getTooltipText 的回调仅返回一个似乎不包含原始数据的事件。我进入dimple源查看是否可以将原始数据添加到事件中，但在事件堆栈中找不到它。我知道我可以在原始数组中查找具有相同 x,y 值的数据，但需要考虑具有相同计数/时间戳的数据。

关于如何做到这一点还有其他建议吗？

解决方案

https://github.com/PMSI-AlignAlytics/dimple/issues/152

Answer 1

我刚刚回答了这个问题的 GitHub 问题，但作为引用，这里是答案:

因为dimple对数据集进行聚合，所以它会忽略不构成其数据点定义一部分的任何字段。在您的情况下，您需要在该系列的第一个参数中包含您想要引用的任何其他字段。例如，如果我有一个 SKU 和销量的条形图:

var c = new dimple.chart(svg, data);
c.addCategoryAxis("x", "SKU");
c.addMeasureAxis("y", "Sales Volume");
c.addSeries(null, dimple.plot.bar);
c.draw();

我想在工具提示中添加品牌所有者、品牌、价格等级和包装尺寸，我将使用 addSeries 方法的第一个参数来定义它。注意。这里需要注意的是，此处传入的数组的最后一个元素用于定义颜色，因此在下面的示例中，我传递一个空字符串以确保所有条形继续具有相同的颜色。我可以选择任何其他值或 SKU，具体取决于我想要实现的效果。

var c = new dimple.chart(svg, data);
c.addCategoryAxis("x", "SKU");
c.addMeasureAxis("y", "Sales Volume");
c.addSeries(["Brand Owner", "Brand", "Price Tier", "Pack Size", ""], dimple.plot.bar);
c.draw();

这会将这些字段添加到默认工具提示中，并且如果您希望在自定义工具提示中使用它们，也可以使用它们。