首页 文章

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

提问于
浏览 次
0

我有一个显示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个（或更多）这样的图表时，使用较长的Legend工具提示会遇到问题 . http://www.jcsweb.biz/mef/AnimGIF/legend_csv_03h_2Cht_01d.htm

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

javascript highcharts

1 回答

  • 0

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

    这是使用 SVGElements 的属性而不是鼠标事件的图例工具提示的 live working demo ：http://jsfiddle.net/kkulig/mujn4eja/

    回复于

相关问题