title: Polymer 1.0 google-analytics-query: Nothing is showing up
body: <p>I am trying to develop a dashboard for my client where I have to use several <code>google web components</code>. My first approach is to show up a simple <code>analytic query</code> for which I am using this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;google-analytics-query
    ids="ga:xxxxxxxx"
    metrics="ga:sessions"
    dimensions="ga:country"
    sort="-ga:sessions"
    start-date="2015-10-01"
    end-date="2015-10-31"
    max-results="5"&gt;
  &lt;/google-analytics-query&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But nothing is visible!
  I am referring to <a href="https://elements.polymer-project.org/elements/google-analytics?active=google-analytics-query" rel="nofollow">https://elements.polymer-project.org/elements/google-analytics?active=google-analytics-query</a></p>
  
  <p>What's going wrong?</p>
  
  <p><strong>UPDATE</strong>
  I also tried the following code to render <code>google-analytics-chart</code> output ended up with a big white box.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;google-analytics-chart
    type="area"
    ids="ga:88814676"
    metrics="ga:sessions"
    dimensions="ga:date"
    start-date="2015-10-01"
    end-date="2015-10-31"
    max-results="5"&gt;
  &lt;/google-analytics-chart&gt;</code></pre>
  </div>
  </div>
  </p>