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

Question

目标

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

现在我展示了货架上的产品数量和计算时间。我还想在悬停工具提示中显示其他数据，特别是在货架上统计产品的人的姓名。

问题

getTooltipText的回调仅返回一个似乎不包含原始数据的事件。我进入了凹坑源，看看是否可以将原始数据添加到事件中，但我无法在事件堆栈中找到它。我知道我可以在原始数组中查找具有相同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方法的第一个参数来定义它。 NB。这里需要注意的是，此处传递的数组的最后一个元素用于定义颜色，因此在下面的示例中，我传递一个空字符串以确保所有条形图继续着色相同。我可以根据我想要达到的效果选择任何其他值或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();

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