Google Polymer和Highcharts库之间的冲突

Question

我正在开发一个结合了Google Polymer和Highcharts库的仪表板。 （两个惊人的图书馆..）

当我同时使用两个库时，它会崩溃。 Chrome本身支持Polymer中所有必需的功能。所以没问题！在FF和IE中，它们不支持Polymer需要的“HTML Import”等功能。因此，为了解决这个问题，Polymer Developer制作了一个名为webcomponents.js的javascript，它允许导入html文件而不管浏览器支持。 （显然webcomponents.js还没有在我的Chrome中使用过）

我注意到webcomponents.js包含文档查询选择器。 （这导致Jquery的一些问题很好.. arhgg）

所以我假设依赖于JQuery的highcharts库可能会发生冲突并最终遇到我现在遇到的问题..以下是示例：

这两个例子都是从IE11中捕获的。

加载库的顺序如下：

1. webcomponents.js
2. 的jquery-1.9.1.min.js
3. highcharts.js

有没有人有类似的问题..？我可能需要查看webcomponents.js源代码来解决它，但我想听听专家的一些意见。

UPDATE1： 我在jsfiddle中创建了一个简单的测试环境。

<link rel="import" href="http://www.polymer-project.org/components/webcomponentsjs/webcomponents.js">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/highcharts-more.js"></script>

我已经加载了相应顺序的库，并使用了Highcharts演示中的相同演示代码。似乎在FF或IE上工作正常。假设问题可能是我使用的其他库或我自己的代码。如果我找到其他任何东西，我会继续更新。

UPDATE2： 我注意到我使用了<link rel="import" ..但是在我的代码中，我下载了源代码并以正常的javascript方式加载。所以我修改了js-example，因此，在IE中，示例显示为已损坏。这与我现在遇到的问题完全相同。

Answer 1

我们的开发人员here会向您报告，请让我们检查一下。