Am chart v4 工具提示问题答案

【问题标题】：Am chart v4 Tooltip issueAm chart v4 工具提示问题
【发布时间】：2018-11-21 12:21:45
【问题描述】：

我在 amchart v4 中将 XY 图表用于折线图，我正在解决工具提示中的问题，我已将工具提示文本自定义为 html ，但是当鼠标悬停一行时显示所有行工具提示，我只想选择行工具提示而不是全部线路，请帮忙

下图描述了我面临的问题：

【问题讨论】：

【解决方案1】：

恐怕在启用图表光标 (XYCursor) 时，在定义了多个系列的工具提示时，无法仅锁定一个系列的工具提示。即使你在他们的项目符号上定义了一个工具提示并给项目符号一个新的工具提示对象（因为默认情况下他们使用他们的系列的工具提示），图表光标仍然会触发项目符号的工具提示。我会看看是否有办法选择加入/退出图表光标的强制悬停行为，但目前似乎并非如此。

如果您需要图表光标，您可以只将tooltipHTML 分配给一个系列。特别是因为您的所有工具提示似乎都显示完全相同的数据。

您似乎已经知道以下内容，但我会提到这些以防万一。您可以在我们的工具提示 HTML 内容指南"Adding interactive elements" 中找到单个系列工具提示的示例。这是它显示的 CodePen 演示：

https://codepen.io/team/amcharts/pen/Wgmzga

如果您可以不使用图表光标，则会根据您悬停的系列打开工具提示的大门。

这是一个以图表光标开头的示例，只是一个系列的工具提示，然后如果您单击右上角的按钮并稍等片刻，它将终止图表光标，启用带有tooltipHTML 设置的项目符号而是他们：

https://codepen.io/team/amcharts/pen/371ab4d22e7a9c7dffeca36a3c54fe6a

【讨论】：

谢谢，这对我很有帮助，我将其修复为： series.slices.template.events.on("over", function(ev) { series.tooltip.invalidate(); series.tooltip .html=showHtml(ev,series.name); }, this);

【解决方案2】：

这应该是一个工具提示来统治它们：

https://www.amcharts.com/docs/v4/reference/xycursor/#maxTooltipDistance_property

chart.cursor = new am4charts.XYCursor() chart.cursor.maxTooltipDistance = -1

【讨论】：