polymer element not compatible with IE

[ghost]

I am creating polymer elements using DEV-EXPRESS library to create charts(running on Tomcat server). The chart polymer elements are working fine in CHROME , FIREFOX but are not compatible with IE. Below is the code that i have used to create a bar chart and i am attaching screen-shots too for all the three browsers.

below is the code:

index.jsp;

<script src="library/bower_components/webcomponentsjs/webcomponents.js"></script>

<script src="library/js/jquery-1.11.1.min.js"></script>
<script src="library/js/globalize.min.js"></script>
<script src="library/js/dx.all.js"></script>
<link rel="import" href="high/html/line-chart.html">

line-chart.html

<script> Polymer('line-chart', { ready: function () { var me = this; $(me.$.linechart).dxChart({ dataSource: [ {day: "Monday", oranges: 3}, {day: "Tuesday", oranges: 2}, {day: "Wednesday", oranges: 3}, {day: "Thursday", oranges: 4}, {day: "Friday", oranges: 6}, {day: "Saturday", oranges: 11}, {day: "Sunday", oranges: 4} ], series: { argumentField: "day", valueField: "oranges", name: "My oranges", type: "bar", color: '#ffa500' } }); } }); </script>

Screenshots:

google chrome;

firefox:

![firefox](https://cloud.githubusercontent.com/assets/10754718/5955620/b4d025e8-a7ca-11e4-9391-94ca055b0938.jpg

IE:

)