Highstock滚动条在svg foreignObject中不起作用

时间:2012-02-25 18:27:14

标签: javascript svg highstock

我正在使用Highstock,通过<svg>元素将其插入某些<foreignObject>,如下所示:

http://jsfiddle.net/3svXN/

然而,在Firefox中,滚动条不起作用 - 它在我的JsFiddle示例中也不起作用。如何在SVG <foreignObject>中使Highstocks滚动条工作?

修改

虽然上述案例适用于Firefox12,但以下使用viewBox属性进行缩放效果的情况不会:

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

如果SVG <foreignObject>受到viewBox属性的影响,如何让Highstocks滚动条工作?

2 个答案:

答案 0 :(得分:2)

原始测试用例适用于Firefox trunk。这意味着一旦Firefox 13于2012年6月5日问世,它应该可以运行。我还没有检查过Firefox 11或者12,看它是否比版本13更早修复,所以你可能会更早幸运。

答案 1 :(得分:1)

我认为您使用的jQuery版本存在问题。我切换到1.7.1并且它适用于firefox和chrome(无法在IE上测试)

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

编辑 - 实际上这很奇怪:只有当你用firefox打开它并按“运行”或你选择一个不同的时间帧时,我的小提琴才能正常使用1.7.1。你应该在本地试试。用jQuery边缘(但是我认为那些是夜间构建的)它永远不会起作用