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

DimpleJS - Get original data in getTooltipText callback

本文关键字：获取 原始数据 回调 getTooltipText DimpleJS-      更新时间：2023-09-26

目标

我想把一些额外的数据传递给酒窝，以便在工具提示中显示。

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

问题

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

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

解决方案

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

我刚刚回答了GitHub的问题，但这里的答案是：

因为酒窝在数据集上进行聚合，所以它忽略了任何不构成其数据点定义一部分的字段。在您的情况下，您需要在该系列的第一个参数中包含要引用的任何其他字段。例如，如果我有一个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();

这将把这些字段添加到默认的工具提示中，如果您想在自定义工具提示中使用它们，也可以使用它们。

相关文章：