{"action":"closed","issue":{"url":"https://api.github.com/repos/Polymer/polymer/issues/1143","labels_url":"https://api.github.com/repos/Polymer/polymer/issues/1143/labels{/name}","comments_url":"https://api.github.com/repos/Polymer/polymer/issues/1143/comments","events_url":"https://api.github.com/repos/Polymer/polymer/issues/1143/events","html_url":"https://github.com/Polymer/polymer/issues/1143","id":55880532,"number":1143,"title":"polymer element not compatible with IE","user":{"login":"neerbans","id":10754718,"avatar_url":"https://avatars.githubusercontent.com/u/10754718?v=3","gravatar_id":"","url":"https://api.github.com/users/neerbans","html_url":"https://github.com/neerbans","followers_url":"https://api.github.com/users/neerbans/followers","following_url":"https://api.github.com/users/neerbans/following{/other_user}","gists_url":"https://api.github.com/users/neerbans/gists{/gist_id}","starred_url":"https://api.github.com/users/neerbans/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neerbans/subscriptions","organizations_url":"https://api.github.com/users/neerbans/orgs","repos_url":"https://api.github.com/users/neerbans/repos","events_url":"https://api.github.com/users/neerbans/events{/privacy}","received_events_url":"https://api.github.com/users/neerbans/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-29T10:15:45Z","updated_at":"2015-01-29T10:24:24Z","closed_at":"2015-01-29T10:24:24Z","body":"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.\r\n\r\nbelow is the code:\r\n\r\nindex.jsp;\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <script src=\"library/bower_components/webcomponentsjs/webcomponents.js\"></script>\r\n    <link rel=\"import\" href=\"library/bower_components/polymer/polymer.html\">\r\n    <script src=\"library/js/jquery-1.11.1.min.js\"></script>\r\n    <script src=\"library/js/globalize.min.js\"></script>\r\n    <script src=\"library/js/dx.all.js\"></script>\r\n    <link rel=\"import\" href=\"high/html/line-chart.html\">\r\n</head>\r\n<body>\r\n<line-chart>\r\n</line-chart>\r\n</body>\r\n</html>\r\n\r\nline-chart.html :\r\n<polymer-element name=\"line-chart\">\r\n<template>\r\n    <div align=\"center\">\r\n        <div id=\"linechart\" style=\"width: 50%; height: 220px;\"></div>\r\n    </div>\r\n</template>\r\n<script>\r\nPolymer('line-chart', {\r\n        ready: function () {\r\n            var me = this;\r\n            $(me.$.linechart).dxChart({\r\n                dataSource: [\r\n                    {day: \"Monday\", oranges: 3},\r\n                    {day: \"Tuesday\", oranges: 2},\r\n                    {day: \"Wednesday\", oranges: 3},\r\n                    {day: \"Thursday\", oranges: 4},\r\n                    {day: \"Friday\", oranges: 6},\r\n                    {day: \"Saturday\", oranges: 11},\r\n                    {day: \"Sunday\", oranges: 4} ],\r\n                series: {\r\n                    argumentField: \"day\",\r\n                    valueField: \"oranges\",\r\n                    name: \"My oranges\",\r\n                    type: \"bar\",\r\n                    color: '#ffa500'\r\n                }\r\n            });\r\n        }\r\n});\r\n</script>\r\n</polymer-element>\r\n\r\nScreenshots:\r\n\r\ngoogle chrome;\r\n![chrome](https://cloud.githubusercontent.com/assets/10754718/5955607/a7795d38-a7ca-11e4-9f0d-544ee57f0eab.jpg)\r\n\r\nfirefox:\r\n\r\n![firefox](https://cloud.githubusercontent.com/assets/10754718/5955887/ac68f97c-a7cd-11e4-9047-d29c1928f861.PNG)\r\n\r\nIE:\r\n\r\n![ie](https://cloud.githubusercontent.com/assets/10754718/5955626/bf7e5ec4-a7ca-11e4-84bf-78cbb153dd2c.PNG)\r\n\r\n\r\n\r\n"}}