1

我正在使用 Highstock，<svg>通过一个<foreignObject>元素将其插入到一些元素中，如下所示：

http://jsfiddle.net/3svXN/

但是，在 Firefox 中，滚动条不起作用 - 在我的 JsFiddle 示例中也不起作用。如何使 Highstocks 滚动条在 SVG 中工作<foreignObject>？

编辑

虽然上述案例在 Firefox12 中有效，但以下利用viewBox属性来实现缩放效果的案例则不适用：

http://jsfiddle.net/3svXN/9/

<foreignObject>当 Highstocks 滚动条受viewBox属性影响时，如何使它在 SVG 中工作？

4

2 回答 2

2

原始测试用例适用于 Firefox 主干。这意味着一旦 Firefox 13 于 2012 年 6 月 5 日发布，它应该可以工作。我没有检查 Firefox 11 或 12 是否在版本 13 之前修复了它，所以你可能会更早走运。

于 2012-02-28T14:38:33.557 回答
1

我认为您使用的 jQuery 版本有问题。我切换到 1.7.1，它可以在 firefox 和 chrome 上运行（无法在 IE 上测试）

小提琴http://jsfiddle.net/3svXN/3/

编辑-实际上这很奇怪：只有当您使用 Firefox 打开它并按“运行”或选择不同的时间范围时，我的小提琴才能在 1.7.1 上正常工作。您应该在本地尝试。使用 jQuery 边缘（但我认为那些是每晚构建）它永远不会工作

于 2012-02-28T09:14:35.627 回答