初始渲染时Highcharts注释位置/顶部不正确

Question

我们正在使用注释模块将注释（图像）添加到区域图表中。对于注释有一些奇怪的“顶部”计算，我无法清楚地解释清楚。我们传入一个Distance属性（你会在小提琴选项中看到它），而highcharts在不同的情况下会以不同的方式呈现它。

http://jsfiddle.net/jxpvrjta/13/

1. 如果你打开一个新窗口并粘贴小提琴，你将获得310的顶部。
2. 如果您再点击地址栏并按Enter键再次发出GET，则顶部'修复'本身，然后您将拥有297。

首先尝试此操作而不打开检查窗口，只需注意x轴和注释之间的区别。我无法准确地确定行为，并且当highcharts修复顶部渲染时。调整浏览器窗口大小有时会修复它。有时，点击小提琴中的“运行”按钮可以修复它。

我尝试在图表上调用.reflow()作为解决方案，但这似乎也无法解决问题。

Answer 1

GitHub问题here已回答了这个问题。基本上，您必须在提供高度/宽度的图像上放置内联样式，以便注释模块可以正确计算其大小。这解决了我们的问题。