Am Chart v4工具提示问题

时间:2018-11-21 12:21:45

标签: javascript amcharts

  

我在amchart v4中将XY图表用于折线图,我正在逐步调整工具提示中的问题,我已将工具提示文本自定义为html,但是当鼠标悬停一条线显示所有折线工具提示时,我只希望选择的折线工具提示不适用行,请帮助

tooltip issue screen shot

2 个答案:

答案 0 :(得分:4)

恐怕在启用“图表光标”(XYCursor)的情况下,无法在定义多个系列的工具提示时仅锁定一个系列的工具提示。即使您在项目符号上定义了工具提示并为项目符号指定了新的工具提示对象(因为默认情况下,他们使用其系列的工具提示),Chart Cursor仍会触发项目符号的工具提示。我将看看是否有一种方法可以选择加入/退出Chart Cursor的强制悬停行为,但是目前看来并非如此。

如果您需要图表光标,则只能将tooltipHTML分配给一个系列。尤其是因为看来您的所有工具提示都在显示完全相同的数据。

似乎您已经了解以下内容,但是为了以防万一,我将提及这些内容。您可以在我们的HTML内容指南"Adding interactive elements"中找到单个系列工具提示的示例。这是它显示的CodePen演示:

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

如果您可以不使用Chart Cursor,那么这将打开根据您悬停的系列显示工具提示的门。

下面是一个示例,该示例以Chart Cursor开头,只是一个系列的工具提示,然后,如果单击右上角的按钮并等待一秒钟,它将杀死Chart Cursor,并使用tooltipHTML启用项目符号改用它们:

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

答案 1 :(得分:1)

这应该使所有这些规则成为一条提示:

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

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