Javascript错误:加倍图表的高清图例工具提示错误

时间:2017-11-18 12:58:30

标签: javascript highcharts

我有一个单独的图表网页,显示了Highchart线:条形图:http://www.jcsweb.biz/mef/AnimGIF/legend_csv_03h_1Cht_01d.htm

使用外部图表数据: http://www.jcsweb.biz/mef/csv_dump/HC_TEST_DATA1.CSV

来自外部文件的

和图表图例工具提示(长字符串):http://www.jcsweb.biz/mef/csv_dump/HC_TEST_LEGEND1.CSV

因此,在鼠标悬停图表系列图例时,会显示更长的图例工具提示(即保存在HC_TEST_LEGEND?.CSV中)。

一切正常,但是当我尝试“加倍”在单个网页上显示2个(或更多)此类图表时,会遇到较长的图例工具提示的问题。 http://www.jcsweb.biz/mef/AnimGIF/legend_csv_03h_2Cht_01d.htm

上图表长图例工具提示显示正常(如上所示),但底部图表不显示HC_TEST_LEGEND2.CSV中的任何更长的图例说明。 在转向2个图表时,我试图使每个图表的JavaScript代码/变量名称与众不同,例如“legendData1”vs“legendData2”,但我已经用完浏览器调试指针来查找js编码图例工具提示错误! 有关在图2中查找违规代码的任何帮助/指示非常感谢

1 个答案:

答案 0 :(得分:0)

问题的根源可能是e2.clientY的价值。我调试了你的代码,它的值高于图表的高度。看来这个值与整个文档有关。将属性分配给图例工具提示对象时,(.attr())所有值都相对于图表容器。因此,在这种情况下,您的工具提示是在图表之外创建的,不可见。

此处使用 SVGElements 的属性代替鼠标事件的图例工具提示实时工作演示http://jsfiddle.net/kkulig/mujn4eja/