[英]google-chart not displaying
我正在嘗試使用聚合物組件,但它沒有顯示。 元素就在那里。 我可以在檢查器中看到它,但它只是不顯示。 也沒有錯誤消息沒有幫助。 我試圖在聚合物文檔中重新創建demo.html,並且沒有顯示任何內容。 goole-chart元素有問題嗎?
<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>
<!-- local DOM for your element -->
<section>
<h1>Stastistics Page</h1>
<p>Here's 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>
<!-- Pie Chart of Clicks per Category Selection -->
<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>
<!-- End of Pie Chart of Clicks per Category Selection -->
<!-- Cicks and Logins over Time -->
<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>
<!-- End of Cicks and Logins over Time -->
</section>
</template>
</dom-module>
<script>
// element registration
Polymer({
is: 'stats-page',
});
這個人很久以前就抓住了我。
嘗試在前兩個之間添加一個空格 [[
。
rows='[ ["Jan", 31],["Feb", 28],["Mar", 31],["Apr", 30],["May", 31],["Jun", 30]]'
猜猜聚合物必須認為它是用於綁定的。 :)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.