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（#heightcharts-14）“”。这导致图表系列不可见。如果我手动将剪辑路径更改为url（#heightcharts-2），则会显示图表。

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

谢谢，

Highcharts - 系列是不可见的，因为clippath设置不正确

0 个答案: