I am trying to use a polymer component but it is not displayed. There is an element. I see this in the inspector, but it just does not appear. There are also no error messages that do not help. I tried to recreate demo.html in polymer documents and again not show anything. Are there any problems with the goole-chart element?
<dom-module id="stats-page"> <style> code { color: #007000; } google-chart { height: 300px; width: 400px; } #selection-demo { position: relative; height: 300px; } #selection-chart { float: left; } #selection-display { display: inline-block; position: relative; top: 50%; } </style> <template> <section> <h1>Stastistics Page</h1> <p>Here a bar chart:</p> <google-chart type='bar' options='{"title": "Days in a month"}' cols='[{"label": "Month", "type": "string"},{"label": "Days", "type": "number"}]' rows='[["Jan", 31],["Feb", 28],["Mar", 31],["Apr", 30],["May", 31],["Jun", 30]]'> </google-chart> <h3>Clicks Per Category</h3> <div id="category-piechart"> <google-chart type="pie" id="selection-chart" options='{"title": "Clicks per Category"}' cols='[{"label": "Category", "type": "string"},{"label": "Clicks", "type": "number"}]' rows='[["Health", 31],["Jobs", 28],["Services", 31],["Shopping", 30],["Finance", 31],["Social Media", 30]]'> </google-chart> </div> <h3>Logins</h3> <div id="clicksovertime-line"> <google-chart type='line' options='{"title": "When do Users Login"}' cols='[{"label": "Hour", "type": "string"},{"label": "Logins", "type": "number"}]' rows='[["00", 1],["01", 0],["02", 00],["03", 02],["04", 04],["05", 06]]'> </google-chart> </div> </section> </template> </dom-module> <script>