highcharts - Highcharts - 系列不可见，因为剪贴路径设置不正确

Question

以下问题发生在 Firefox 20.0.1 和 IE10 中，但适用于 Chrome。

当我在 Firefox 20.0.1 或 IE10 中测试高图表时，图表系列是不可见的。查看图表 html 后，我发现 SVG 中的 clipPath 设置不正确。

“defs”部分定义了4个“clipPath”，如下：

`
<defs>
    <clipPath id="highcharts-1">
        <rect height="110" width="9999" y="0" x="0" fill="none" ry="0" rx="0"></rect>
    </clipPath>
    <clipPath id="highcharts-2">
        <rect height="0" width="1228" y="0" x="0" fill="none"></rect>
    </clipPath>
    <clipPath id="highcharts-14">
        <rect height="0" width="0" y="0" x="0" fill="none"></rect>
    </clipPath>
    <clipPath id="highcharts-15">
        <rect height="110" width="99" y="-40" x="-99" fill="none" ry="0" rx="0"></rect>
    </clipPath>
</defs>

`

在“highcharts-series”“g”标签中，它使用“clip-path="url(#highcharts-14)”。这导致图表系列不可见。如果我手动将剪辑路径更改为 url(#highcharts-2)，则会显示图表。

由于我没有在 highchart 中设置任何与 clipPath 相关的选项，为什么要定义和使用“highcharts-14”和“highcharts-15”？如何解决这个问题？

谢谢，