IE FF 故障与 jQuery 滑块中的多个 Google 图表答案

【问题标题】：IE FF Glitch with Multiple Google Charts in jQuery SliderIE FF 故障与 jQuery 滑块中的多个 Google 图表
【发布时间】：2012-09-10 03:27:51
【问题描述】：

我一直在尝试自己独奏这个，但我碰到了一堵砖墙。我在 jQuery 滑块的一个页面上收集了 6 个不同的 Google 图表。在 Chrome 中查看时一切都很完美，但在 FF 和 IE 中出现故障。在 FF 和 IE 中，第一个框架的 Google Chart 很好，但是当您将滑块推进到不同的 Google Chart 时，图例、hAxis 和 vAxis 标题会被丢弃。当图表在滑块之外时，图表很好。我认为这是某种 CSS 冲突，但我还没有弄清楚。我一直在疯狂地使用 FireBugging，但找不到解决方案。我在谷歌为生成谷歌图表而创建的 iframe 中注意到的一件事是它使用的文本标签对齐的 x 和 y 的一致性。在 jQuery 滑块内部时，它实际上是不同的。任何帮助或见解将不胜感激。下面的第一个链接是 Google Chart/jQuery 滑块组合。第二个是没有滑块的图表。

带滑块： http://www.burlington-weather.com/current_weather_conditions.php?cityzip=05401

没有滑块： http://www.burlington-weather.com/current_old.php?cityzip=05401

PS...是的，我确实尝试了一个完全不同的滑块，我得到了相同的结果！

【问题讨论】：

标签： jquery charts slider

【解决方案1】：

这可能是因为很难为浏览器渲染两个 SVG 图像。一种解决方案是使用 requestAnimationFrame 创建自定义动画函数并在一帧动画两个对象。教程很多，应该不难。

【讨论】：