Javascript 最后一点有时是隐藏的

我有一个数据不断更新的图表。大多数情况下，图形是良好的，但有时最后一个点的圆图像是隐藏的，并且它的属性与其他不同。如果未隐藏，则属性与其他属性类似，但x和y坐标除外

无效图形
前两个图像标记正确，最后一个不正确且隐藏

<image preserveAspectRatio="none" href="images/marker-green.png" x="62" y="127.47" width="22" height="22" transform="translate(-11,-11)" stroke="#FFFFFF" stroke-width="1" fill="#a2b955" r="0"></image>

<image preserveAspectRatio="none" href="images/marker-green.png" x="0" y="109.47999999999999" width="22" height="22" transform="translate(-11,-11)" stroke="#FFFFFF" stroke-width="1" fill="#a2b955" r="0"></image>

<image preserveAspectRatio="none" href="images/marker-green.png" x="866.0000000000001" y="208" width="22" height="22" transform="translate(-9,-9)" stroke="#FFFFFF" stroke-width="2" fill="#a2b955" r="2" visibility="hidden"></image>  

有效图形
第一个图像标记是最后一个圆点

<image preserveAspectRatio="none" href="images/marker-green.png" x="867" y="210" width="22" height="22" stroke="#FFFFFF" stroke-width="1" fill="#a2b955" r="0" transform="translate(-11,-11)"></image>  

<image preserveAspectRatio="none" href="images/marker-green.png" x="810" y="210" width="22" height="22" stroke="#FFFFFF" stroke-width="1" fill="#a2b955" r="0" transform="translate(-11,-11)"></image>  

<image preserveAspectRatio="none" href="images/marker-green.png" x="752" y="209.16" width="22" height="22" stroke="#FFFFFF" stroke-width="1" fill="#a2b955" r="0" transform="translate(-11,-11)"></image>

---

---

隐藏财产的原因可能是什么？外部div很大，CSS正确。谢谢。

请在问题中包含您的实际代码，而不是包含代码的屏幕截图。帖子经过编辑，添加了实际代码和打印屏幕您能在JSFIDLE上重新创建问题吗？除非您指定了一些选项，例如

xAxis.max

或使用

xAxis.setextrems（）

，否则不应该发生这种情况。请在问题中包含您的实际代码，而不是包含代码的屏幕截图。帖子已编辑，添加了实际代码和打印屏幕您可以在JSFIDLE上重新创建问题吗？除非您指定了一些选项，例如

xAxis.max

或使用

xAxis.setextrems（）

，否则不应该发生这种情况。