垂直方向的图表仅显示amCharts V4中所有数据项的单个工具提示。

Question

我试图使amCharts V4显示与光标最接近的数据项的工具提示。

问题是我的图表大多是垂直的。我能够通过更新样本数据来获得垂直图表: amCharts V4示例：https://codepen.io/fvnever/pen/jOwyQEE。

在这里，当我将光标移动到Y轴上时，数据工具提示不会改变，我希望它们被更新。也就是说，在下面的图像上，它应该显示最接近系列1中光标的工具提示，而应该显示该系列开始时的一些项目。

​

​

我尝试过文档中的各种建议:设置和不设置chart.cursor.xAxis、chart.cursor.yAxis、chart.cursor.snapToSeries。似乎什么都起不到作用。

Answer 1

没有现成的这种特性，但可以实现它。两个步骤：

1. 确保禁用默认工具提示行为： chart.cursor.snapToSeries = []；
2. 现在，处理'cursorpositionchanged'事件并在那里控制工具提示，如下所示。 请注意，这个示例效率很低(它将在每次鼠标移动时迭代所有图表节点)，因此为了实际使用，最好将数据点存储在某种预先计算的k-d树中。 chart.cursor.events.on('cursorpositionchanged'，(e) => { const游标= e.target；const cursorPoint = cursor.point；closestSeries =空；closestItem =空；minimalDistance =空；for (const chart.series级数){ const dataItem of series.dataItems) { const dataPoint = dataItem.point；const#en0#= Math.sqrt(Math.pow(cursorPoint.x - dataPoint.x，2) + Math.pow(cursorPoint.y - dataPoint.y，2))；若(minimalDistance === null \x< minimalDistance) { minimalDistance =距离；closestItem = dataItem；closestSeries =级数；}} for (const chart.series) series.tooltip.disabled = series !== closestSeries；if (closestItem) chart.series })；

测试的完整示例：https://codepen.io/fvnever/pen/yLXbEKG