javascript - Am 图表 v4 工具提示问题

标签 javascript amcharts

I am using XY chart for line chart in amchart v4 , I am phasing issue in tooltip, I have customize tooltip text as html , but when mouse hover one line show all line tooltip, I want only selected line tooltip not for all lines, please help

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

tooltip issue screen shot

最佳答案

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

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

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

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

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

这是一个以图表光标开头的示例,只是一个系列的工具提示,然后如果您单击右上角的按钮并等待一秒钟,它将终止图表光标,使用 tooltipHTML< 启用项目符号 改为在它们上设置:

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

关于javascript - Am 图表 v4 工具提示问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53411930/

相关文章:

javascript - Ajax函数: data fields with multiple value

javascript - 选择列并在 amcharts 中突出显示它们

java - 使用app engine java servlet动态创建和存储csv文件

javascript - AmCharts:导出的图表只有背景网格

javascript - 对象 1011 没有方法 'startsWith'

javascript - Angular 2 属性绑定(bind)究竟是如何工作的?这个例子中到底发生了什么?

javascript - 为什么ajax请求提交 'none'作为dom元素的值?

javascript - 按类获取div的编号顺序

javascript - amCharts 的 JS 图表折线图中的随机曲线

javascript - Amcharts/可拖动 div/图表